Comment puis-je bloquer un élément LI à l'intérieur d'une UL?

J'ai un menu qui est un <ul>. Chaque élément du menu est un <li> et actuellement cliquable.
Basé sur quelques conditions, je veux désactiver (il est pas cliquable) un particulier <li> élément.
Comment puis-je y parvenir? J'ai essayé d'utiliser disabled att sur le <li> et list-style:none. Rien n'a fonctionné. Des suggestions?

pouvez-vous poster un violon? ou du code afin que nous puissions vous aider.
La désactivation de la <li> à partir de quoi? Il n'y a pas des actions par défaut sur les <li>s.
Partage de code avec nous afin que nous puissions mieux vous aider.

OriginalL'auteur user811433 | 2013-03-26

  1. 59

    Si vous souhaitez afficher l'élément, mais il est non cliquable et regarder handicapés, avec le CSS:

    CSS:

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

    HTML:

    <li class="disabled">Disabled List Item</li>

    Aussi, si vous êtes en utilisant BootStrap, ils ont déjà une classe appelée désactivé pour ce but. Voir cet exemple.

    Merci. Très utile
    ne fonctionne pas sous IE
    Quelle version de IE. Je viens de tester sous IE 11 et il est de travail.
    Lorsque la page se charge , il fonctionne. Mais au bas de la fenêtre de IE , un script d'alerte viendra affiche "Internet Explorer a restreint la page web d'exécuter des scripts ou des contrôles ACtiveX." Lorsque je clique sur "Autoriser le Contenu Bloqué", .désactivé classe ne fonctionne pas après que.
    Il semble que vous avez un autre script ou de contrôle en cours d'exécution qui, éventuellement, interfère avec ce CSS.

    OriginalL'auteur Tony L.

  2. 1

    À l'aide de CSS3: http://www.w3schools.com/cssref/sel_nth-child.asp

    Si ce n'est pas une option pour n'importe quelle raison, vous pourriez essayer de donner les éléments de la liste des classes:

    <ul>
<li class="one"></li>
<li class="two"></li>
<li class="three"></li>
...
</ul>

    Puis dans votre css:

    li.one{display:none}/*hide first li*/
li.three{display:none}/*hide third li*/
    La question est à propos de la désactivation d'un élément de liste dans un menu, pas le cacher complètement.

    OriginalL'auteur gaynorvader

  3. 0

    À L'Aide De JQuery : http://api.jquery.com/hide/

    $('li.two').hide()

    : 

    <ul class="lul">
    <li class="one">a</li>
    <li class="two">b</li>
    <li class="three">c</li>
</ul>

    Sur le document de prêt.

    http://jsfiddle.net/2dDSG/

    La question est à propos de la désactivation d'un élément de liste dans un menu, pas le cacher complètement.

    OriginalL'auteur Mibou