javascript - jQuery解除绑定(bind)点击事件函数并根据情况重新附加

Question

下面的代码我用来创建一个滑动菜单。我需要知道如何取消绑定(bind)到单击事件的函数并在其他时间重新附加它。 (使用 jQuery 1.7.2)

$(document).ready(function(){
    $('.section').hide();
    $('.header').click(function(){
      if($(this).next('.section').is(':visible'))
      {
        $('.section:visible').slideUp()              
        $('.arrows:visible').attr("src","right.gif")
      }
      else
      {
        $('.section').slideUp();
        $(this).next('.section').slideToggle();
        $(this).find('.arrows').attr("src","down.gif")
    });
});

下面的代码是我到目前为止所拥有的

$('#printVers').click(function(){
   if($('#formVersion').val() != "Print")
   {
     $('.header').unbind('click');
   }
   else
   {
     //else re-attach functionality?
   }
});

谢谢

Answer 1

只需创建一个命名函数即可。您可以在这里降低技术含量，然后回到基础知识来取消绑定(bind)和重新附加特定事件。

function doStuff()
{
    if($(this).,next('.section').is(':visible'))
        ...
}

$('.header').on('click', doStuff);
$('.header').off('click', doStuff);