Comment conserver l'état sélectionné de l'interface utilisateur Sélectionnable jusqu'à ce que je désélectionne?

Question

Je veux juste tenir le sélectionné déclaré de li jusqu'à ce que je veux unselected.Just Comme ma question précédente avant:

 <style> 
     #feedback { font-size: 1.4em; } 
     #selectable .ui-selecting { background: #FECA40; } 
     #selectable .ui-selected { background: #F39814; color: white; } 
     #selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; } 
     #selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; height: 18px; } 
     </style> 
     <script> 
     $(function() { 
      $("#selectable").selectable(); 
$('#unselect').click(function(event) { 
    $('#selectable>li').removeClass('ui-selected'); 
}); 
     }); 
     </script> 



    <div class="demo"> 

    <ol id="selectable"> 
     <li class="ui-widget-content"><a href="">link can not click</a></li> 
     <li class="ui-widget-content">Item 2</li> 
     <li class="ui-widget-content">Item 3</li> 
     <li class="ui-widget-content">Item 4</li> 
     <li class="ui-widget-content">Item 5</li> 
     <li class="ui-widget-content">Item 6</li> 
     <li class="ui-widget-content">Item 7</li> 
    </ol> 

    <a href="#" id="unselect">only click me to unselected</a> 

    </div><!-- End demo --> 

Je suis an anchor link à désélectionnée et la seule façon de désélectionné selected li .Comment puis-je empêcher que le li sélectionné soit désélectionné d'une autre manière?

J'ai trouvé que le li sélectionné devrait être désélectionné lorsque je clique sur la barre de défilement UL si la liste li dépassait la hauteur UL.

Merci beaucoup !!

Answer 1

essayer celui-ci ..

$(function() { 
      $("#selectable").selectable(); 
$('#unselect').click(function(event) { 
    $('#selectable').find('li').removeClass('ui-selected'); 
});