正如我在评论中提到的那样,您的预览按钮应通过ajax提交表单以获取POST预览值(我们将使用
ajax代替
iframe),因此:
<a data-fancybox-type="ajax" href="preview.php" id="preview2">Preview</a>
然后,您需要将预览按钮绑定到手动
on("click")方法,以ajax首先通过… 提交表单,然后将结果发布到fancybox中,如下所示:
$(document).ready(function () { $('.preview2').on("click", function (e) { e.preventDefault(); // avoids calling preview.php $.ajax({ type: "POST", cache: false, url: this.href, // preview.php data: $("#postp").serializeArray(), // all form fields success: function (data) { // on success, post (preview) returned data in fancybox $.fancybox(data, { // fancybox API options fitToView: false, width: 905, height: 505, autoSize: false, closeClick: false, openEffect: 'none', closeEffect: 'none' }); // fancybox } // success }); // ajax }); // on}); // ready参见
DEMO
(随意浏览源代码)



