javascript - $(document).width 在 PC Chrome 和 Mac Chrome 中报告不同

Question

所以我有一些页脚功能代码:

$(document).ready(function () {

$("<a class=\"dropdown-toggle dropdown-toggle-new disabled\" data-toggle=\"dropdown\" data-target=\"#\" style=\"text-align:right; float:right; display:inline; cursor:pointer\">+</a><br clear=\"both\"/><br clear=\"both\"/>").insertAfter("footer .dropdown-toggle");
$(".dropdown-toggle-new").css({ "display": "none" });

$('li.dropdown .dropdown-toggle-new').click(function () {
    $(this).parent().children('ul.dropdown-menu').toggle(300);
});  

$( window ).resize(changeFooter);
  changeFooter();

    function changeFooter(){
      if ($( document ).width() > 767){
          $('li.dropdown .dropdown-toggle-new').parent().children('ul.dropdown-menu').show();   
          $(".dropdown-toggle-new").css({ "display": "none" });
      } else {
          $(".dropdown-toggle-new").css({ "display": "inline" });     
          $('li.dropdown .dropdown-toggle-new').parent().children('ul.dropdown-menu').hide();
      }
    }
});

我遇到的问题是，在 Mac Chrome 中，当浏览器宽度达到 767px 时，一切似乎都可以正常工作。然而，在 PC Chrome 上，在 768px 时它不会进入正常 ListView ，它保持为折叠列表直到大约 782px，所以它就像添加 15px。我试图通过将参数更改为 752px 以适应 15px 来调整代码，但这随后弄乱了 Mac 上的功能。

这是我的测试链接:

http://www.conversantmedia.com/publishers (实际上在页面包含要测试的页脚)

在您缩小规模时，我正在处理其他一些样式问题，但我已经为这个页脚问题困扰了几天。我只关注页脚导航功能。

Answer 1

我会使用:

$( 窗口 ).width() > 767

代替

$( 文档 ).width() > 767