jQueryで他の要素のイベントハンドラーをトリガーする方法
jQueryには、要素にアタッチされたイベントハンドラーを実行するためのtrigger()関数が付属しています。 例えば、
ワンクリックイベントは、「button1」のIDを持つボタンにバインドします。
$("#button1").bind("click", (function () {
alert("Button 1 is clicked!");
}));
ワンクリックイベントは、「button2」のIDを持つボタンにバインドします。 button1クリックイベントハンドラーを実行するトリガー。
$("#button2").bind("click", (function () {
alert("Button 2 is clicked!");
$("#button1").trigger("click");
}));
button2をクリックすると、アラートメッセージ「Button 2 is clicked!」が表示され、続いてbutton1アラートメッセージ「Button 1 is clicked!」が表示されます。