jquery - Jquery - 多重解绑

Question

解除所有绑定的最佳方法是什么？

例如
我启动一个函数someName('mp3Player')

在这个函数中有很多绑定

function someName(mode)
{
  if(mode == 'exit')
  {
    $('#player').remove();
    // unbind all 
    // ..........
    return true;
  }  

  if(mode == 'mp3Player')
  {
     $('body').append('<div id="player"> *** add some html code *** </div>');
     $('#test').draggable ....
     $('.myLi').sortable ....
     $('myButton').click ....
     $('.dragable').live( "dragstop", function (event, ui) ....
     return true;
  }

}

有什么好主意吗？

提前致谢！
彼得

Answer 1

最简单的方法是在每个元素上简单地调用如下内容：

$('mySelector').unbind('eventName');

例如：

$('.myButton').unbind('click');

Answer 2

你可以使用unbind或die

jquery unbind

jquery die

在你的情况下，你正在live捆绑the event so its better/necessary to use死`

$('.dragable').die('dragstop');

像 maxedison 提到的那样取消绑定单个事件

$("element").unbind("eventName");

这将解除绑定到元素的事件以解除绑定到元素的所有事件调用 unbind 没有任何参数

$("selector").unbind();