jquery - 窗口调整大小时的 Jquery 冒泡事件 - 响应式设计

Question

我正在使用响应式设计，并且仅当屏幕小于 1020 像素时，我想在单击事件上添加带有 Jquery 的下拉功能。我正在使用当客户更改浏览器窗口大小时触发的调整大小功能。

但问题是该函数正在冒泡并运行5次。这怎么可能？？？

$(window).resize(function() {

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

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

谢谢您的帮助。

Answer 1

尝试

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

把它放在调整大小之外

页面上有多少个“dd”和多少个“.filter”？你能显示一些html吗？如果您有多个 .filter ，则单击处理程序将运行多次。如果“dd”在过滤器内，则代码可以更改，以便仅触发“dd”