如何使用CSS或jquery使链接不可点击？

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(); 
});