Question

我有以下HTML。

<ul class="static">
    <li class="static dynamic-children">
        <a class="static dynamic-children menu-item" href="test.php" tabindex="0">
            <span class="additional-background">
                <span class="menu-item-text">Link</span>
            </span>
        </a>
        <ul class="dynamic">
        </ul>
     </li>
</ul>

正如您所看到的，当我点击“链接”时，它会将我带到“test.php”页面。我希望这个“链接”不可点击，就像你将“＃”放在例如HREF = “＃”

是否可以使用CSS或Jquery执行此操作？无法使用Javascript的 document.getElementById ，因为没有为此元素定义ID。

Answer 1

不同的选择：

$('a[href="test.php"]').click(function(){
    return false;
});

或

$("static dynamic-children a.menu-item").click(function(){
    return false;
});

您还可以使用event.preventDefault()来阻止链接的默认/预期行为。使用如下：

$("static dynamic-children a.menu-item").click(function(event){
    event.preventDefault();
});

Answer 2

撰写return false

$("a.menu-item").click(function(){
    return false;
});

OR

e.preventDefault()

$("a.menu-item").click(function(e){
    e.preventDefault();
});

Answer 3

您可以点击此链接点击preventDefault()取消链接行为：

$("a.menu-item").click(function(evt){
    evt.preventDefault();
});

如何使用CSS或jquery使链接无法点击？

3 个答案: