如何删除HTML元素的所有附加事件

时间:2014-06-20 15:50:35

标签: jquery html events detach

我想知道如何在jQuery中删除所有附加事件到HTML元素。我们假设我们有以下说明:

$('<div class="notification" style="bottom:'+ind+'px">Message envoyé '+i+'<span class="close">x</span></div>').fadeIn(1000,"linear").delay(5000).fadeOut(3000,"linear");

如何在不使用on(),bind()....等的情况下删除附加到html事件的fadeIn,delay和fadeOut事件?实际上我尝试使用.off(), .unbind(),. die(),. undelegate()但它没有用。有没有人有想法?

提前致谢。

1 个答案:

答案 0 :(得分:0)

我猜你想在悬停中停止动画...我没有你的html和css,但我创建了一个JSBIN。对不起,关于你的问题需要很长时间才能回复你,我正在设置我的开发环境。

// where msgEl is the new element you create
msgEl 
  .hover(function(){
    tmpl.stop(1,1).fadeIn(1);
  },function(){
    tmpl.stop(1,1).fadeIn(1);
  })
  .hide(0)
  .fadeIn(1000,"linear")
  .delay(5000)
  .fadeOut(3000,"linear");

JSBIN