Html-如何禁用<；a href>；？

我创建了一个按钮，单击它可以打开一个模式窗口

<a href="#"  data-toggle="modal" data-target="#myModal" class="signup-button gray-btn pl-pr-36" id="connectBtn"  data-role="disabled">Connect</a>

由于某些原因，

data role=“disabled”

无法正常工作。 如何禁用它？

<script>
    $(document).ready(function(){
        $('#connectBtn').click(function(e){
            e.preventDefault();
        })
    });
</script>

$（文档）.ready（函数（）{
$（'#connectBtn'）。单击（函数（e）{
e、 预防默认值（）；
})
});

---

这将阻止默认操作。

您可以使用CSS来完成此操作：

。已禁用{
指针事件：无；
游标：默认值；
}

我创建了一个按钮

这就是你错的地方。您没有创建按钮，而是创建了锚元素。如果使用了

按钮

元素，则不会出现以下问题：

<button type="button" data-toggle="modal" data-target="#myModal" data-role="disabled">
    Connect
</button>

完成后，您可以在此处介绍-并将

event

作为您的点击事件

.disabledLink.disabled {pointer-events:none;}

---

希望我能帮上忙

只需删除

href

属性？如果不想创建链接，只需不使用

元素即可。您可以将

cursor:pointer

添加到CSS中的任何元素。不要对按钮使用

a

，它们不能被禁用（不是本机的，只是解决方法）。使用

按钮

标记。模式仍处于打开状态。那么，是什么让您认为

数据角色

实际上会做些什么呢？默认情况下，

data-*

属性根本不起任何作用-它们的存在是为了包含一些信息。像jQuery这样的库会利用它们，尽管很有可能，考虑到jQuery没有被标记，在给出进一步的解释之前，你不应该发布答案。您在这里的第一个方法应该是留下一条评论，询问您是否使用jQuery？而且，考虑到您没有这样做，您确实应该做的是在回答之前添加一个If-you-using jQuery…好主意，但这不会禁用它。您仍然可以使用选项卡聚焦链接，然后按enter键跟随链接。

.disabledLink.disabled {pointer-events:none;}