6

前回の Twitter の Bootstrap を使用しています。ウィンドウの幅が 980px 未満のときに特定の JS 関数 (ツールチップを 1 回表示) を実行したい (ご存知のように、このサイズでは 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関数を実行するときに、このイベントをキャッチする解決策はありますか?

ありがとうございます！

4

1 に答える 1

7

outerWidthはメソッドであるため、欠落しています()：

if (window.outerWidth() == 980)

いずれにせよ、jQuery を使用している場合:

$(window).resize(function() {
  if ($(this).width() < 981) {
    //do something
  }
});
于 2012-08-28T22:31:39.617 に答える