i write a class disabled in li tag show disabled style but click the menu is run

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

why the menu inactive in class disable any way to disable the menu in this condition ,please help me, thanks in advance

i write a class disabled in li tag show disabled style but click the menu is run

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

why the menu inactive in class disable any way to disable the menu in this condition ,please help me, thanks in advance

• javascript
• html
• codeigniter
• disable-link

Share Improve this question Follow edited Oct 9, 2017 at 5:21 Andrew asked Oct 9, 2017 at 5:12 AndrewAndrew 86633 gold badges1919 silver badges4444 bronze badges 3

• Setting an arbitrary class name to an element doesn't make it unclickable, please show the relevant CSS. And please, clean up the PHP mess from the example, this is a client-side problem. – Teemu Commented Oct 9, 2017 at 5:16
• 1 Refer stackoverflow./questions/15643505/… – Jaydeep Rajput Commented Oct 9, 2017 at 5:20
• @jayadeeprajput tkz it's working – Andrew Commented Oct 9, 2017 at 5:22

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

CSS:

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

add this to solve that issue !!!

The element is never the target of mouse events; however, mouse events may target its descendant elements if those descendants have pointer-events set to some other value.

Use this code:

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