我有这样一段html:
<li class="addToFriends"><a href="....">Something something<span>INSIDE SPAN</span>something</a></li>
为了在单击锚点时处理 AJAX 请求,我在单击事件上注册了处理程序:
$('.addToFriends a').click(function(event){
var target = $(event.target);
if (target.is('a')) {
// if I click on SPAN element following fragment won't execute!
// do ajax request
}
event.preventDefault();
});
我的问题是:
- 为什么会为 span 元素引发 click 事件?毕竟,我没有将点击事件绑定到 SPAN 元素
- 除了前面的问题,我认为如果我不处理 SPAN 点击事件,浏览器将使用事件冒泡来为锚点引发点击事件(如果我不调用 event.stopPropagation())。但我也没有为我工作,因为点击事件只引发了一次
所以现在,我解决了这个问题,我的解决方案是:
$('.addToFriends a').click(function(event){
var target = $(event.target);
if (!target.is('a')) {
target = target.parent('a')
}
...
});
但是,我仍然很好奇它为什么会这样工作......
谢谢,
帕维尔