javascript - 样式化以编程方式打开的fancybox iframe

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>   

iframe 正在使用 fancybox 打开，但在这种情况下没有应用样式。

提前感谢您的帮助。

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>