这是html的代码片段:
<div id="tag-cloud-widget">
<div class="content">
<a href="#" rel="1" class="cloud-element" data-tag-id="10" style="font-size: 12px; color: rgb(205,236,222); ">T1</a>
<a href="#" rel="1" class="cloud-element" data-tag-id="1" style="font-size: 12px; color: rgb(205,222); ">T2</a>
<a href="#" rel="1" class="cloud-element" data-tag-id="3" style="font-size: 12px; color: rgb(205,222); ">T3</a>
</div>
</div>
我想设置一个点击处理程序来响应用户对锚标签的点击.以下是测试代码:
$("#tag-cloud-widget .content a").click(function(e) {
alert('clicked');
return false;
});
上面的点击处理程序不会被触发,也不会这样做:
$("#tag-cloud-widget .content .cloud-element").click(function(e) {
alert('clicked');
return false;
});
然而,
$("#tag-cloud-widget .content").click(function(e) { ... });
和
$("#tag-cloud-widget").click(function(e) { ... });
被解雇了
我没看到什么?
解决方法
处理锚点击事件时,始终使用e.preventDefault();当你不需要锚点.
Fires like a charm
Fires like a charm