선택을 취소 할 때까지 선택 UI 상태를 유지하는 방법은 무엇입니까?

Question

난 그냥 유지하려는 내가 전에 내 앞의 질문과 마찬가지로 unselected.Just 할 때까지 리튬의 진술 선택 : 내가 선택하지 않은 선택되지 않은 selected li 괜찮나 수있는 유일한 방법은 내가 할 수있는에 an anchor link있어

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

선택한 li이 다른 방법으로 선택 해제되지 않도록 하시겠습니까 ??

li 목록이 UL 높이에서 넘치면 UL 스크롤 막대를 클릭 할 때 선택한 li이 선택 취소되어야한다는 것을 알게되었습니다.

대단히 감사합니다!

Answer 1

내가 위에 쓴 라인과 같은 코드를 나누었다

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