使用 javascript 使链接不可点击答案

【问题标题】：Make link non clickable using javascript使用 javascript 使链接不可点击
【发布时间】：2012-12-28 21:34:13
【问题描述】：

我有这段代码，我在网上看到并尝试实现它。我想要做的是使所有与父类的链接不可点击，我的意思是，它应该点击而不是重定向到页面的链接。

这行不通..

<script>
    $(window).load(function(){
        $(document).ready(function(){
            $('.parent').click(function(){
                return false; // prevents default action
            });
        }
    })
</script>

【问题讨论】：

尝试将e 作为回调的参数，然后在回调的主体中执行e.preventDefault()。
这是 jQuery 代码，您的页面是否有指向 jQuery 的链接？（例如<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>）
顺便说一句，但您的.parent 选择器将匹配所有具有parent 类的元素。由于您想将此行为附加到此类的链接，您可以将其更改为 a.parent。

标签： javascript

【解决方案1】：

试试这个：

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

您不需要$(window).load(function(){，因为$(document).ready(function(){ 是一回事！

稍后编辑：我必须通过告诉您我编写的代码使用 jQuery 库来完成此答案，该库必须包含在您的项目中。有关 jQuery 的更多信息，请访问http://jquery.com/

【讨论】：

这很好，我唯一的问题是这个链接的子页面也将变得不可点击..

【解决方案2】：

你需要event.preventDefault

function unclickable(e) {
    e.preventDefault();
}

或者return false;

function unclickable() {
    return false;
}

并像这样使用它：

<a class="parent" onclick="unclickable(event);">Link</a>

【讨论】：