请考虑这个非常简化的示例。

当屏幕尺寸较小时,下面的代码从页面上删除固定的导航栏。它被命名为removeFixedNavbar()

加载文档和调整窗口大小时应执行此操作。请查看代码。好吧,这段代码看起来有些丑陋(两次调用removeFixedNavbar(),这是编写它的更好方法(使用更少的代码))。

$(document).ready(function() {
    removeFixedNav();
    $(window).resize(function(){
        removeFixedNav();
    });
});

最佳答案

$(document).ready(removeFixedNav);
$(window).resize(removeFixedNav);


这应该可行,但是我认为仅使用CSS Media Queries应该可行(取决于用例)。

更简单的可能是:

$(function(){
  $(window).resize(removeFixedNav).trigger("resize");
});


将其放在最底部可以摆脱$(function(){...})

其他等效版本可以是:

$(function(){
      $(window).trigger("resize");
});
$(window).resize(removeFixedNav);

10-07 17:05