Class disabled not working <li> tag

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

Solution

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 !!!