jquery - 单击两个不同的按钮时jQuery调用相同的函数

Question

我有一个带有类的按钮，try当它被点击时，有一个正在被调用的函数，现在我想创建一个名为的按钮start，它会做同样的事情，我不想在那个按钮点击处理程序中复制粘贴整个代码，有没有办法说让我们说如果try或start在jquery中执行以下操作？

Answer 1

我假设既然你说a button called start那start是id。这就是为什么我使用 a#而不是 a.来引用它。

$('.try, #start').click(function(e){
    YourFunction();
});

如果start是类，则使用它。#表示一个id，而.表示一个类。

$('.try, .start').click(function(e){
    YourFunction();
});

Answer 2

将处理程序代码移动到命名函数并绑定命名函数。

function someFunction() {
}

$('.try').on('click', someFunction);
$('.start').on('click', someFunction);

或者在一行中，

$('.try, .start').on('click', someFunction);

Answer 3

$('.start, .try').click(function(){
//do your thing here
});

假设两个具有不同类的按钮：

<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
});

Answer 4

做就是了：

$('#start, .try').on('click', function(){ // both of them
   myFunction();
});

或者：

$('#start').on('click', function(){
   $('.try').click();         // trigger .try action
});

---

或者只是在点击中调用你的函数：

function myClickFunction(){
   // your code ...
}

$('#start').on('click',function(){
   myClickFunction();
});