如何防止在移动设备上执行jQuery代码？

我目前正在建设一个响应式设计的网站。作为一部分，我需要阻止下面的代码执行，如果用户使用移动设备访问网站。我怎样才能做到这一点？如何防止在移动设备上执行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();

来源

2013-06-19 Maanstraat

你是如何确定用户在移动设备上？ – tymeJV

因此，如果您想在移动设备上执行整个代码块，那么您不希望执行该代码块？ –

@Anthony Grist多数民众赞成在正确的！ – Maanstraat

-1

我想我已经找到了解决办法：

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

来源

2013-06-19 14:25:11 Maanstraat

这是怎么给的** - 1 **，为什么？我知道这个问题是关于检测移动设备的。但根据要求，这是正确的解决方案，而不是测试移动设备。 –

如果你写一个答案，你应该解释你做了什么，为什么，特别是如果你的答案（解决方案）不完全符合问题（即使它是你的）。 –

如何防止在移动设备上执行jQuery代码？

回答

相关问题