如何使用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(); 
});