加载外部页面时fancybox safari问题

Question

当我尝试加载html页面时，我遇到了fancybox的问题。

我有一个链接

<a href="testPage.html" id="chal">Load testPage.html in fancybox</a>

然后是将它绑定到fancybox的js

$('a#chal').fancybox({
    padding: 0,
    margin: 0,
    showCloseButton: true,
    scrolling: 'no',
    opacity: 0.5,
    centerOnScroll:true
});

在chrome，firefox和IE中，fancybox加载得很好。但在Safari中，html加载时没有附带的css或js。如果我添加这样的东西，那么它可以工作：

 $('a#chal').click(function() {
    $("head").append($("<link rel='stylesheet' href='blah.css' media='screen' />"); 
    });

然后它工作正常，但似乎上面的解决方案不是解决它的方法。有没有其他方法可以做到这一点？感谢。

Answer 1

我发现这个bug的信息非常有限，所以感谢指出Safari在fancybox弹出窗口中删除了js / css元素。我尝试了你的方法和createElement('script') method，但我努力让你的方法使用js包含，因为它用我自己的脚本做了时髦的事情。

作为最后的手段，我将以前位于弹出窗口元素中的自定义jquery脚本移动到body元素（我知道不是很好的形式......;），现在我的所有表单验证和ajax帖子都在Chrome中运行/ Safari浏览器/ FF / IE7 / IE8。

HTH有人在那里。

干杯， 本