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

【问题标题】：Disable link in dropdown menu but keep the css禁用下拉菜单中的链接，但保留 css
【发布时间】：2017-01-25 12:03:09
【问题描述】：

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

我禁用了“Bewerkingen”链接：

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

}

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

提前感谢您的帮助:)

【问题讨论】：

【解决方案1】：

试试这个：

<a href='#'>Bewerkingen</a>

你不需要使用

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

}

【讨论】：

【解决方案2】：

我能想到一种方法，那就是使用 js。

HTML

<a href="/test4/disabled" class="disable-link">Bewerkingen</a>

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

如果我有一些关于 css 的方法，我会尽快更新

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

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

【讨论】：