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

时间:2013-06-19 14:03:25

标签: jquery mobile responsive-design

我目前正致力于构建具有响应式设计的网站。作为其中的一部分,如果用户使用移动设备访问网站,我需要阻止执行以下代码。我怎样才能做到这一点?

代码:

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();

1 个答案:

答案 0 :(得分:-1)

我想我找到了一个解决方案:

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