我有一个dd项的dl列表。每个dd项都具有一个侦听器(请参见下文),因此如果单击它,则可以重建页面并更改某些内容。这些dd项中的每个项中也都有一个复选框,不过我希望将其从该侦听器中排除(以便可以由其他侦听器接收)。
I have a dl list of dd items. Each dd item has a listener attached to it (see below) so if it is clicked on I can rebuild the page and change some stuff. Each of these dd items also have a checkbox within them though which I would like to be excluded from that listener (so it can be picked up by another listener).
发生的问题是,只要我单击dd中的任意位置,即使单击复选框,它也会应用dd侦听器,而不是复选框侦听器。有没有办法在没有在dd内设置div并单独应用监听器的情况下,准确地点击了什么?
The problem that is occuring is whenever I click anywhere in the dd it will apply the dd listener, not the checkbox listener even if I clicked on the checkbox. Is there a way to distinguish what exactly was clicked without setting up divs inside the dd and applying listeners individually?
示例HTML代码:
<dl> <dd class="class1 class2 class3">Some text and stuff <input type="checkbox" class="class1 checkBox"> </dd> </dl>示例jQuery代码:
Example jQuery Code:
$("class1.checkbox").live("click", function() { //Do some other, completely different, cool stuff //console.log($(this).parent().attr("id")); console.log("test"); }); $("dd.class1.class2").live("click", function () { //Do some cool stuff });推荐答案
$(":checkbox").live("click", function(e) { e.stopPropagation(); //Do some other, completely different, cool stuff //console.log($(this).parent().attr("id")); alert("test"); }); $("dd.class1.class2").live("click", function (e) { e.stopPropagation(); //Do some cool stuff alert("test2"); });
jsfiddle/PsaHQ/4/
更多推荐
jQuery侦听器(不包括子级)
发布评论