当单击两个不同的按钮时,jQuery调用相同的函数
我有一个类为当单击两个不同的按钮时,jQuery调用相同的函数,jquery,function,Jquery,Function,我有一个类为try的按钮,当它被单击时,有一个函数正在被调用,现在我想创建一个名为start的按钮,它也会这样做,我不想在按钮单击处理程序中复制粘贴整个代码,有没有一种方法可以说如果尝试或开始在jquery中执行以下操作?我假设,既然你说了一个名为开始的按钮,那么开始就是id。这就是为什么我使用而不是来引用它 $('.try, #start').click(function(e){ YourFunction(); }); 如果类为start,则使用此选项#表示id,而表示类 $('.t
try
的按钮,当它被单击时,有一个函数正在被调用,现在我想创建一个名为start
的按钮,它也会这样做,我不想在按钮单击处理程序中复制粘贴整个代码,有没有一种方法可以说如果尝试
或开始
在jquery中执行以下操作?我假设,既然你说了一个名为开始
的按钮,那么开始
就是id。这就是为什么我使用
而不是
来引用它
$('.try, #start').click(function(e){
YourFunction();
});
如果类为start
,则使用此选项#
表示id,而
表示类
$('.try, .start').click(function(e){
YourFunction();
});
只要做:
$('#start, .try').on('click', function(){ // both of them
myFunction();
});
或:
或者只需在单击中调用您的函数:
function myClickFunction(){
// your code ...
}
$('#start').on('click',function(){
myClickFunction();
});
将处理程序代码移动到命名函数并绑定命名函数
function someFunction() {
}
$('.try').on('click', someFunction);
$('.start').on('click', someFunction);
或者在一行中
$('.try, .start').on('click', someFunction);
假设两个按钮具有不同的类:
<button class='try'>try</button>
<button class='start'>start</button>
试试看
开始
如果使用一个类,则更容易:
<button class='trystart'>try</button>
<button class='trystart'>start</button>
$('.trystart').click(function(){
//do your thing here
});
试试看
开始
$('.trystart')。单击(函数(){
//在这里做你的事
});
2个单独的调用,而不是使用$('.try,#start')
选择器?有什么原因吗?写得太多了,@Dutchie432最简单answer@Dutchie432尽管如此,我还是更新了我的帖子,把它放在一行。我个人更喜欢把它分成两行,因为它看起来更清晰。@Grigor与其说是书写,不如说是一种偏好。再说一次,可能只有我一个人。顺便说一句,对于你的情况,我的建议是。@Vega如果你可以写得少一些,做得多一些,我认为没有理由不写,另一个方法也更干净。它不是一个函数,它是在单击按钮时执行的代码,我不能放入函数,而不是使用我的第二个示例<代码>$('#start')。在('click',function(){$('.try')。click();//trigger.try action})这将触发.fun
元素中的代码,就像您实际单击了。试试看!有趣。
<button class='try'>try</button>
<button class='start'>start</button>
<button class='trystart'>try</button>
<button class='trystart'>start</button>
$('.trystart').click(function(){
//do your thing here
});