在RWD上加载jquery并调整多次执行

Question

我的尝试是根据窗口大小是否低于767切换标题兄弟。这是一个响应式设计，所以我在加载和调整大小事件上绑定。但是，当我点击我的标题时，我将获得多次点击。

jQuery(window).bind('load resize', function($) {

  if( jQuery(window).width() < 767) {

    jQuery('footer h2').siblings().hide();          
    jQuery('footer h2').on('click', function() {                            
        jQuery(this).siblings().slideToggle();
});

  } else {
     jQuery('footer h2').unbind('click');
     jQuery('footer h2').siblings().show(); 
  }                             
});

基本上图像向下滚动而不是向上滚动。

Answer 1

好吧，有一个问题可能是你每次调整窗口大小时都会绑定一个点击处理程序（如果新宽度<767）。因此，如果您已经小于767并且您调整到另一个小于767的宽度，则您将绑定多个点击处理程序。