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它没有进入正常的列表视图，它仍然是折叠列表，直到大约782px，所以它就像添加15px。我尝试通过将参数更改为752px来调整代码，以适应15px，但这会搞砸Mac上的功能。

以下是我的测试链接：

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

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

Answer 1

我会用：

$( window ).width() > 767

而不是

$( document ).width() > 767

$（文档）.width在PC Chrome与Mac Chrome中的报道方式不同

1 个答案: