2011-02-09 15 views
8

1回のクリックイベントで2つの関数を呼び出す最良の方法は何ですか?JQuery/Javascriptを使用した単一のイベントに対する複数の関数

このスクリプトを必要とする要素が複数あるため、スクリプトはクリックされた要素に対してのみ動作する必要があります。一度にすべての要素を操作する必要はありません。

詳細をお知らせください。あなたのご親切に感謝します。

答えて

14
$(function() { 
    $('a').click(function() { 
     func1(); 
     func2(); 
    }); 
}); 
4

jQueryのは、非常にうまくあなたのためにそれを扱う例が表示されます。

<div>Button 1</div> 
<div>Button 2</div> 

$('div').click(function(){ 
    alert($(this).text()+' clicked'); 
}) 
.click(function(){ 
    $(this).css({'color':'#ff0000'); 
}); 

ここjsFiddle例です:一緒に2つのクリックイベントをチェーンhttp://www.jsfiddle.net/pcASq/

+0

は間違っています。 aSeptikは正しいです。 – Hussein

+1

私はそれがどうやって間違っているのか分かりません。 jQueryで「2つの関数を呼び出す方法」をデモンストレーションしました。もちろん、それらを組み合わせて(aSeptikのやり方)、名前付き関数を使用することもできますが、これは単一の要素に対する複数のバインディングの完全な有効な代替デモンストレーションです。 –

+0

私はそれについて間違った方法を意味しました。それはうまくいくが効果的ではない – Hussein

関連する問題