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

Question

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

我禁用了“Bewerkingen”链接：

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

}

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

提前感谢您的任何帮助：）

Answer 1

试试这个：

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

您无需使用

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

}

Answer 2

我能够通过使用js找到一种方法。

<强> HTML

(function(){
  var gem = { name: 'Azurite', price: 2.95 };
  var app = angular.module('gemStore', []);
  app.controller("StoreController",function($scope){

  });
})();

<强> JS

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

如果我有一些与css

相关的方法，我会尽快提升

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

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