javascript - 複数のjqueryイベントリスナーを連続して起動する

Question

私がこのようなことをしているとしましょう：

$('#demo').click(func1);
$('#demo').click(func2);

Firefoxでは、func1（）はfunc2（）の後に実行されますが、IEでは実行されません。

何か案は？

score 3 · Accepted Answer

単に書く

$('#demo').click(function() {
  // serial execution of functions
  func1();
  func2();
});

複数の要素のクリックをバインドする必要がある場合、手順は次のようになります

$('#demo1, #demo2').click(function() {
   // do your stuff
});

.on()次のようにイベントバインドに使用できます。

$('#demo').on('click', function() {
  func1();
  func2();
});

score 2 · Accepted Answer

イベントをバインドする代わりに、クリックイベントで両方の関数を2回呼び出します。このようにイベントを2回バインドせずに行うことができます。

$('#demo').click(function (){

func1(); 

func2();

});

複数回バインドしたい場合は、このようにすることができますが、正当な理由なしに複数回のバインドイベントは回避する必要があります。JsFiddleのデモ

$('#demo').bind('click', function(){
   alert("fun1");})
    .bind('click', function(){
  alert("fun2");
 });

2 に答える 2