2011-04-10 84 views
0

我在嘗試加載html頁面時遇到了fancybox的問題。加載外部頁面時出現fancybox safari問題

我有一個鏈接

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

然後JS結合它的fancybox

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

在Chrome,火狐和IE的的fancybox加載罰款。但在Safari中,html加載時沒有伴隨的css或js。如果我添加這樣的事情,那麼它的工作原理:

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

然後它工作得很好,但它似乎像上面的解決方案是不去做的方式。有沒有其他方法可以做到這一點?謝謝。

回答

1

我發現這個bug的信息非常有限,所以謝謝你指出Safari在fancybox彈出窗口中撕掉了js/css元素。我嘗試了你的方法和createElement('script') method,但我努力讓你的方法與js包括在一起,因爲它用我自己的腳本來做時髦的事情。

作爲最後的手段,我將之前位於彈出窗口的head元素中的自定義jquery腳本移動到了body元素(不是很好的窗體,我知道......),現在我所有的表單驗證和ajax貼子都可以工作鍍鉻/ Safari瀏覽器/ FF/IE7/IE8。

HTH有人在那裏。

乾杯, 本

相關問題