使用jquery在同一个id上执行多次点击功能

NOTE：对不起，问这种类型的问题。使用jquery在同一个id上执行多次点击功能

我有一个顶部和底部的保存按钮的形式。我把它作为通用的ID来执行点击功能。对于第一个保存按钮获取警报，但对于第二个保存按钮仅包含相同的ID，但不会显示警报。我不知道如何使包含相同ID的两个按钮的警报。

jQuery("#preview").click(function() { 
      alert("Handler for .click() called."); 
     });

这是小提琴。 http://jsfiddle.net/N8Mhd/

任何建议将是伟大的。

来源

2013-09-27 Vignesh Pichamani

ID应该是唯一的，不要使用相同的ID为两个元素。改用类。

所以只使用

<input type="button" class="preview" value="Click Me :)"/> 
<input type="button" class="preview" value="Click Me :)"/> 

jQuery(".preview").click(function() { 
    alert("Ponies!"); 
});

来源

2013-09-27 10:35:39 Nenotlep

谢谢@Nenotlep它的工作:) –

由于Id不能重复，因此您可以将Id选择器更改为class选择器，然后可以绑定相同的事件。

<input type="button" class="preview" value="Click Me :)"/>  
<input type="button" class="preview" value="Click Me :)"/>

脚本：

jQuery(".preview").click(function() { 
    alert("Handler for .click() called."); 
});

jsFiddle Demo

来源

2013-09-27 10:35:13 Sachin

谢谢这也很好 –

您不能使用相同的ID两个元素，IDS必须是唯一的。你应该使用类：

<input type="button" class="preview" value="Click Me :)"/> 

... 

<input type="button" class="preview" value="Click Me :)"/> 


<script> 
jQuery(".preview").click(function() { 
    alert("Handler for .click() called."); 
}); 
</script>

来源

2013-09-27 10:39:02 Mato

使用jquery在同一个id上执行多次点击功能

回答

相关问题