javascript - 响应式 jquery 无法正常工作

Question

我正在开发一个新的响应式网站，html 和 css 已完成，但 JavaScript/Jquery 尚未完成。问题是 jquery 的响应部分无法正常工作。

$(document).ready(function() {
if ($(window).width > 1023) {
   $('#wrapper').hide();
}
else {
   $('#wrapper').show();
   $('#footer').hide();
}
});

问题是，在某种程度上，当启用 JavaScript 并且包含 Jquery 和 Jquery UI 时，jquery 不会检测宽度。

Answer 1

width 不是一个属性，它是一个返回数字的函数。你必须像这样使用它:

$(document).ready(function() {

    if ($(window).width() > 1023) {
       $('#wrapper').hide();
    }
    else {
       $('#wrapper').show();
       $('#footer').hide();
    }

});