Class 禁用不工作 <li> 标签

Question

我在li标签中写了一个class disabled show disabled样式但是点击菜单是运行

<li class=" disabled"> <a class="ajax-link" href="#"><i class="glyphicon glyphicon-align-justify"></i><span> List Services</span></a></li>

为什么菜单在 class 中处于非活动状态，在此情况下禁用任何禁用菜单的方法，请帮助我，在此先感谢

Answer 1

CSS:

.disabled {
    pointer-events:none; //This makes it not clickable
    opacity:0.6;         //This grays it out to look disabled
}

添加这个来解决那个问题！！！

Answer 2

该元素永远不是鼠标事件的目标；但是，如果这些后代将指针事件设置为其他值，则鼠标事件可能会以其后代元素为目标。

使用此代码：

.disabled a {
   pointer-events:none; 
   opacity:0.6;
}

Class disabled not working <li> tag