Question

我可以使用以下代码块设置fancybox iframe链接：

$("#fancy").fancybox({
    type        : 'iframe',
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '600px',
    height      : '590px',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none'
});

应用于fancybox iframe链接：

<a id="fancy" data-fancybox-type="iframe" href="includes/schedule.php">link</a>

我遇到的问题是，我在以下脚本中以编程方式打开的fancybox iframe链接不起作用：

<script type="text/javascript">
    $(document).ready(function() {
        $('.submit').click(function() {
            var email = $(this).val()
            var varData = '&email=' + email;
            document.getElementById('beep').play();
            $.ajax({
                   type: "POST",
                    url:'mailer.php',
                   data: varData,
                success: function() {
                    javascript:parent.$.fancybox.open({href : 'includes/thankyou.php', id: 'thanky', type: 'iframe'});
                }
            });
        });
    });
</script>

使用fancybox打开iframe，但在这种情况下不会应用样式。

提前感谢您的帮助。

Answer 1

将其添加到最后的thankyou.php页面的body元素中。

<script type="text/javascript"> 
 $(document).ready(function() {
       $("#fancy").fancybox({
        type        : 'iframe',
         maxWidth    : 800,
         maxHeight   : 600,
         fitToView   : false,
         width       : '600px',
         height      : '590px',
         autoSize    : false,
         closeClick  : false,
         openEffect  : 'none',
         closeEffect : 'none'
     });
});
 </script>

设置以编程方式打开的fancybox iframe的样式

1 个答案: