锚点上的jquery点击事件

前端之家收集整理的这篇文章主要介绍了锚点上的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,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
原文链接:https://www.f2er.com/jquery/175917.html

猜你在找的jQuery相关文章