我有以下 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”页面。我希望这个“链接”不可点击,就像您放置“#”一样,例如链接=“#”
是否可以使用 CSS 或 Jquery 来做到这一点?无法使用Javascriptdocument.getElementById因为没有为此元素定义 ID。
不同的选择:
$('a[href="test.php"]').click(function(){
return false;
});
or
$("static dynamic-children a.menu-item").click(function(){
return false;
});
您还可以使用event.preventDefault() http://api.jquery.com/event.preventDefault/这可以防止链接的默认/预期行为。使用如下:
$("static dynamic-children a.menu-item").click(function(event){
event.preventDefault();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)