2013-05-02 9 views
0

我使用wordpress和fancybox來顯示iframes和一切工作正常,除了在iPhone手機上。 fancybox彈出,但只顯示iframe的一部分,並且不允許您在其中滾動。我試圖用各種方法解決這個問題,就像在stackoverflow中建議的那樣,並沒有任何工作。所以最後我放棄了。 因此,現在我試圖讓wordpress檢測並關閉fancybox當一個iphone被發現,雖然我也沒有喜悅。與iPhone修復的WordPress的fancybox

有誰知道如何做到這一點?如果你有答案,你可以提到代碼的放置位置,而不是「只用這個」,而不指明放置位置。 謝謝

+0

如果你放棄了第一個問題,我敢打賭你也會放棄第二個問題,因爲任何解決方案都會花費相同的工作量。我只是想知道,如果你沒有提供任何代碼或鏈接到問題頁面,任何人都可以幫助你。 – JFK 2013-05-02 16:33:53

回答

0

你可以做到這一點的一種方法是當屏幕大於手機時只初始化fancybox。

例如,如果你想使用的fancybox以上iPhone景觀的所有設備,你可以使用下面的JavaScript:

$(document).ready(function() { 

    if ($(window).width() > 480) { 
     $('.fancybox').fancybox(); 
    } 

}); 

上面的代碼背後的邏輯是,當文檔準備好,我們將檢查窗口寬度是否大於480px,這是iPhone的風景,如果大於480px,初始化fancybox。

我希望這會有所幫助。祝你好運! =)

+0

只是注意到你問了把它放在哪裏。我認爲這很自我解釋,因爲你顯然已經在腳本的某處初始化fancybox,但我想你不會使用我已經使用的條件語句。所以,你需要做的就是用上面代碼中的腳本/模板替換你的fancybox init代碼。 – davidnknight 2013-05-02 11:14:03