0

私はレスポンシブ デザインを使用しており、画面が 1020px 未満の場合にのみ、クリック イベントで Jquery を使用して dropdow 関数を追加したいと考えています。私は、顧客がブラウザ ウィンドウのサイズを変更したときにトリガーされるサイズ変更機能を使用しています。

しかし問題は、関数がバブリングして 5 回実行されることです。そんなことがあるものか？？？

$(window).resize(function() {

   var screenWindow = $j(document).width();

   if(screenWindow < 1020){
       $('.filter').click(function(){                           
          $('dd.first').slideToggle();
       });
   }
});

助けてくれてありがとう。

4

1 に答える 1

2

試す

$('.filter').click(function() {
     if( $(window).width() < 1020 ) {
         $('dd.first').slideToggle();         
     }
     return false;
});

これをサイズ変更の外に置きます

また、ページにはいくつの「dd」と「.filter」がありますか? htmlを表示できますか？複数の .filter がある場合、クリック ハンドラーは複数回実行されます。「dd」がフィルター内にある場合、その「dd」のみがトリガーされるようにコードを変更できます

于 2013-05-23T15:33:45.377 に答える