请考虑这个非常简化的示例。
当屏幕尺寸较小时,下面的代码从页面上删除固定的导航栏。它被命名为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);