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);

Answer 2

你在document.ready中称它为两次。 放置窗口。在document.ready事件之外调整大小。