javascript - Bootstrap : Responsitive design - execute JS when window is resized from 980px to 979px

Question

我使用的是上一个 Twitter 的 Bootstrap。当我的窗口宽度小于 980px 时，我想执行某个 JS 函数(显示一次工具提示)(如你所知，在这个尺寸上，Bootstrap 修改 Navbar 并隐藏标准菜单项)——窗口从 768 到 979，简而言之.这个我知道

@media (min-width: 768px) and (max-width: 979px) {...}

此选项可用于捕获事件。但是，它可能仅用于更改现有样式，例如

body {background-color:#ccc;}

我需要启动 JS 函数，或者为元素添加或删除特定样式。我试过:

<script>
  window.onresize = function () {
      if (window.outerWidth == 980) {alert('');}
  };
</script>

但是这个解决方案太慢了，甚至会挂掉一个浏览器窗口。那么，当窗口从 GREATER 端调整为 979px 并执行 JS 函数时，是否有任何解决方案可以捕获此事件？

感谢大家!

Answer 1

outerWidth 是一种方法，因此您缺少 ():

if (window.outerWidth() == 980)

在任何情况下，如果您使用的是 jQuery:

$(window).resize(function() {
  if ($(this).width() < 981) {
    //do something
  }
});