javascript - jQuery 删除两次函数调用

Question

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

当屏幕尺寸较小时，下面的代码会从页面中移除一个固定的导航栏。它被命名为 removeFixedNavbar()。

这应该在加载文档 和调整窗口大小时 时完成。请看代码。好吧，这段代码看起来有点难看(调用 removeFixedNavbar() 两次，这是一种更好的编写方式吗(代码更少)。

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

Answer 1

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

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

更简单的可能是:

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

放在最底部可以去掉$(function(){...})

另一个等效版本可以是:

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