送信ボタン#next_step
とリンクがあり#design_next_step
ます。
送信されたボタンまたはリンクがクリックされると、同じ機能がトリガーされます。
どうすればこのようなことができますか?
$('#next_step').submit(), $('#design_next_step').click(){function(){ ... });
送信ボタン#next_step
とリンクがあり#design_next_step
ます。
送信されたボタンまたはリンクがクリックされると、同じ機能がトリガーされます。
どうすればこのようなことができますか?
$('#next_step').submit(), $('#design_next_step').click(){function(){ ... });
標準の CSS コンマを使用して、グループ セレクターを定義できます。
$('#next_step, #design_next_step').on('submit click', function(){ ... });
ボタンが送信されたとき、またはリンクがクリックされたとき...
しかし、ボタンは送信されず、クリックされます。submit
イベントは、または要素ではなく、要素に関連していform
ます。あなたがそこに示した s がボタンまたはリンクである要素用であると仮定すると、イベントを使用するだけです:button
input
id
click
$('#next_step, #design_next_step').on('click', function(){ ... });
何をしているかに応じて、イベントのデフォルトのアクションを防止したい場合とそうでない場合があります [event
引数を受け入れてそれを呼び出すpreventDefault
かreturn false
、デフォルトを防止して伝播を停止するハンドラーで実行する] . たとえば、リンクに対するデフォルトのアクションはclick
、リンクをたどることです。
両方のイベント ハンドラーが同じ関数 F を呼び出すようにするだけです。
$('#next_step').submit(function() {
F();
});
$('#design_next_step').click(function() {
F();
});
var F=function() {
. . .Write code here
}
リンクとボタンの両方に同じクラスを与えることができ、次のことを試すことができます
$('.className').click(function() {
var item = $(this); // item that triggered the event
});
IDに基づいて実行する場合は、次のようにします
$('#Button1, #Link1').click(function() {
// You can use `this` to refer to the source element, for instance:
});
通常の関数を呼び出すように呼び出すことができます。この場合、送信してクリックすると同じアクションが実行されるため、ユーザーがリンクを送信またはクリックすると、関数「myFunction」が呼び出されます。
function myFunction()
{
..........
}
$('#button').submit(myFunction);
$('#link').click(myFunction);
また
var myFunction=function()
{
.......
}
$('#button').submit(myFunction);
$('#link').click(myFunction);
そんな方法は無いと思います
代わりに、イベント ハンドラーで同じ関数を使用してみてください
$('#formId').submit(function{
execute();
});
$('#design_next_step').click(function{
execute();
})