Как удалить все прикрепленные события к элементу HTML

Question

Я хотел бы знать, как я могу удалить все присоединенные события к элементу HTML в jQuery. Мы предполагаем, что у нас есть инструкция ниже:

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

Как я могу удалить события fadeIn, delay и fadeOut, которые присоединены к событию html, без использования on(), bind().... и т. Д.??. На самом деле я пытался с.off(), .unbind(), .die(), .undelegate(), но это не сработало. Есть ли у кого идея?

Заранее спасибо.

Answer 1

Я предполагаю, что вы хотите. Остановить анимацию внутри наведения... У меня нет вашего 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