我需要使用将click
事件绑定到 DOM 中的元素,同时能够动态传递参数,包括事件对象。我当前的脚本使用以下脚本:
var counter = 1;
$(".dynamo_user_info .dynamo_awards").each(function(){
$(this).find("~ div a").each(function(){
var id = $(this).attr("rel").split("aid-")[1];
$(this).attr("id","dynamo_award-"+counter+"-"+id).bind('click',{c:counter,i:id},function(e){
e.returnValue = e.preventDefault && e.preventDefault() ? false : false;
dynamo.awards.tooltip.ini(c,i);
});
});
counter++;
});
现在,如您所见,每次迭代时counter
都会增加,并且id
不保存静态值。每次迭代后,最终值为:counter = 4
、id = 2
。现在,每当单击这些元素之一时,它都会根据需要preventDefaults
,然后运行dynamo.awards.tooltip.ini(c,i);
。
但是,这不会按预期工作。而不是运行:
dynamo.awards.tooltip.ini(1,1);
dynamo.awards.tooltip.ini(2,6);
等(例如),它改为运行:
dynamo.awards.tooltip.ini(4,2);
dynamo.awards.tooltip.ini(4,2);
即它使用最后存储的值进行counter
和id
。我的猜测是它这样做是由于bind
的工作方式,在单击元素时传递参数,而不是在单击之前。我不确定如何解决这个问题,除非我可以以某种方式欺骗函数的范围?
参数可以通过 event.data 对象访问,例如
dynamo.awards.tooltip.ini(e.data.c, e.data.i);
http://api.jquery.com/bind/#passing-event-data