Wie kann ich den ausgewählten Status der Benutzeroberfläche beibehalten? Wählbar, bis ich die Auswahl aufheben möchte?

Question

Ich mag nur halten das erklärte Li ausgewählt, bis ich vor wie meine vorherige Frage unselected.Just will:

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

Ich habe an anchor link zu nicht ausgewählten und dem einzigen Weg, um nicht ausgewählt selected li .Wie kann ich verhindern, dass die ausgewählte Li von anderer Seite nicht ausgewählt wird?

Ich fand es, dass die ausgewählte Li nichtselecte sein sollte, wenn ich auf die UL-Bildlaufleiste klickte, wenn die Li-Liste die UL-Höhe überschritt.

Vielen Dank !!

Answer 1

versuchen Sie dieses ..

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