jquery - 禁用 DIV 中的所有 A(URL) 元素

标签 jquery html css

我有这个html代码

<div>
<p>MY Text <a href="url">Text</a>
</p>
</div>

我需要使用 CSS 或 jQuery 禁用 DIV 中的所有 A(链接)元素,当用户将鼠标移到“文本”这个词上时,我希望 URL 处于非事件状态,这样他们就无法点击它.我该怎么做?

最佳答案

为了防止 anchor 跟随指定的 HREF,我建议使用 preventDefault():

$(document).ready(function() {
    $('div a').click(function(e) {
        e.preventDefault();
    });
})

参见:Event Object

$("div a").click(function(){
                alert('disabled');
                return false;

});

关于jquery - 禁用 DIV 中的所有 A(URL) 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3624300/

相关文章:

jQuery UI 对话框定位 - 如何使其保持居中

javascript - 查找单词并替换为 div 中的标签 jQuery

HTML 字段占据整个页面的宽度?

html - CSS 溢出-y : scroll scrollbar position not in the right place

html - 为什么我在 Google Chrome 的导航栏中看到 Logo 的轮廓?

jquery - 使用 jQuery 解析远程内容的最佳实践是什么?

jquery - 使用 jQuery slideDown 或 toggleClass 和 css transition 添加向下滑动效果

javascript - 在 <div> 中每 5 秒显示 PHP 变量作为进度条数据

javascript - 如何通过单击相同的链接从两个不同的 div(来自 html)加载两个 div

javascript - Canvas 游戏帧率下降