-3

何かを修正しようとして何日もかかりましたが、方法がわかりません。私のindex.htmlページには、「input」というクラスを持つ多くのdivがあります。ブラウザー ウィンドウが 960 ピクセル未満の場合、すべての div のこのクラスを削除する必要があります。これが私のコードです：

$(window).resize(function() {
    if ($(window).width() < 960) {
        $("div").removeClass("input");
    }
});
4

2 に答える 2

2

代わりに css メディア クエリを検討しましたか?

@media (max-width: 960px) {
  .input {
    // counter the styling from your default styles
  }
}

js のいくつかの利点:

  • jsが無効になっているユーザーにも表示されます
  • 「高価な」サイズ変更リスナーを登録する必要はありません
  • アップスケールする場合、inputクラスを再度追加する必要はありません。これは、クラスを削除したことがないためです (また、最初にクラスを追加する場所をどのように知ることができますか)

私は常に最初に CSS ソリューションを使用しようとしますが、この場合は間違いなく正しいことのように思えます...

于 2013-09-27T19:29:03.047 に答える
1

960より大きい幅をチェックしています。

これを試して：

$(window).resize(function() {
    if ($(window).width() < 960) {  // switched '>' to '<'
        $("div.input").removeClass("input");
    }
});

幅が 960 を下回ると、ウィンドウ サイズを 960 より大きくしても、入力クラスは追加されないことに注意してください。

于 2013-09-27T19:22:18.033 に答える