jquery - anchor 上的jQuery单击事件

这是我有的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) { ... });

被开除！

我没看到什么？？？

最佳答案

处理锚点单击事件时，无论如何都不需要锚点，请始终使用e.preventDefault();。
Fires like a charm

关于jquery - anchor 上的jQuery单击事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5443469/