設置以編程方式打開的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>   

正在使用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>