这是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