jquery anchor 上的点击事件

Question

这是我的 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, 236, 222); ">T2</a>  
        <a href="#" rel="1" class="cloud-element" data-tag-id="3" style="font-size: 12px; color: rgb(205, 236, 222); ">T3</a>  
    </div>
</div>

我想设置一个点击处理程序来响应用户对 anchor 标记的点击。测试代码如下:

$("#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) { ... });  

一定会被解雇!

我没看到什么？？？

Answer 1

处理 anchor 点击事件时，当您不需要 anchor 时，请始终使用e.preventDefault();。 Fires like a charm