将函数绑定到多个 div 的最佳方法是什么?
$('#trigger1').change(function(){
// same code
});
$('#trigger3').change(function(){
// same code
});
将函数绑定到多个 div 的最佳方法是什么?
$('#trigger1').change(function(){
// same code
});
$('#trigger3').change(function(){
// same code
});
要么使用类(imo是类最好的方法)
<div class="trigger"></div>
<div class="trigger"></div>
$('.trigger').change(function(){
});
或者这样做
$('#trigger1,#trigger3').change(function(){
});
您可以在同一个函数调用中包含多个 id:
$('#trigger1, #trigger3').change(function(){
// code goes here
});
或者你可以给他们相同的类,例如 triggerClass 然后像这样调用它:
$('.triggerClass').change(function(){
// code goes here
});
为这些 div 添加一个通用的类名
<div class="myClass" id="trigger1">
</div>
<div class="myClass" id="trigger2">
</div>
这是它的脚本
$(".myClass").click(function(){
// your code
});
$('#trigger1, #trigger3').change(some_function);
Or:
$('#trigger1').add('#trigger3').change(some_function);
只需将相同的类应用于所有元素然后编写
$('.classname').change(function(){
});
你可以使用
$('#trigger1, #trigger3').change(function(){
same code
});
对触发器进行分组
添加一个通用类:
<div class="rowTrigger">trigger 1</div>
<div class="rowTrigger">trigger 2</div>
脚本
$(function(){
$("body").on("click", ".rowTrigger", function(e){
e.preventDefault();
var row = $(this); //row element
});
});
每个“rowTrigger”都会在“click”处理程序上触发,这可以更改为其他或多个事件。有关详细信息,请参阅 http://api.jquery.com/on/ 。例如,可以通过将“body”更改为“table”来更改所处理事件的范围,因此它只会在单击表中的那些“div”行时触发。
更简单地说,它可以写成(触发“点击”和“悬停”......但你明白了):
$("div.rowTrigger").on("click hover", function(e){
e.preventDefault();
var row = $(this); //row element
//some extra code
});