jquery在锚点上点击事件

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>

我想设置一个点击处理程序来响应用户点击锚标签.这是测试代码:

$("#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

处理锚定点击事件时,请始终e.preventDefault();在不需要锚点时使用. 像魅力一样火