2013-06-19 70 views
0

我目前正在建設一個響應式設計的網站。作爲一部分,我需要阻止下面的代碼執行,如果用戶使用移動設備訪問網站。我怎樣才能做到這一點?如何防止在移動設備上執行jQuery代碼?

代碼:

var leftHeight = $("#sidebar").height(); 
var rightHeight = $("#main").height(); 
if (leftHeight > rightHeight){ $("#main").height(leftHeight)} 
else{ $("#sidebar").height(rightHeight+25)}; 

function equalHeight() { 
    var heightArray = $("#footer>div.box").map(function() { 
     return $(this).height(); 
    }).get(); 

    var maxHeight = Math.max.apply(Math, heightArray); 
    $("#footer>div.box").height(maxHeight); 
} 
equalHeight(); 
+0

你是如何確定用戶在移動設備上? – tymeJV

+0

因此,如果您想在移動設備上執行整個代碼塊,那麼您不希望執行該代碼塊? –

+0

@Anthony Grist多數民衆贊成在正確的! – Maanstraat

回答

-1

我想我已經找到了解決辦法:

if (document.documentElement.clientWidth < 980) { 
    $("#sidebar").height("auto"); 
    $("#footer .box").height("auto"); 
} 
+0

這是怎麼給的** - 1 **,爲什麼?我知道這個問題是關於檢測移動設備的。但根據要求,這是正確的解決方案,而不是測試移動設備。 –

+0

如果你寫一個答案,你應該解釋你做了什麼,爲什麼,特別是如果你的答案(解決方案)不完全符合問題(即使它是你的)。 –

相關問題