禁用下拉菜单中的链接但保留css

我在jsfiddle上有以下菜单： http ： //jsfiddle.net/aL7Xe/1000/

我禁用了“Bewerkingen”链接：

a[href="/test4/disabled"] { pointer-events: none; } 

因为它是一个下拉菜单，但当我使用该代码时，我的css似乎消失了，我该如何解决这个问题呢？ 或者我应该使用什么代码来禁用该链接，但仍然有我的下拉菜单和css吗？ 我正在使用Drupal所以在链接中使用＃是行不通的

在此先感谢任何帮助:)

Answer 1

试试这个 ：

 Bewerkingen 

你不需要使用

 a[href="https://stackoverflow.com/test4/disabled"] { pointer-events: none; } 

Answer 2

我能够通过使用js来了解一种方法。

HTML

 Bewerkingen 

JS

 $('.disable-link').on('click', function(e) { e.preventDefault(); }); 

如果我有一些与css有关的方法，我会尽快提升

下面用css的另一个解决方案，你现在不需要js。

 .disable-link { pointer-events: none; cursor: default; }