elemnts를 마우스 클릭으로 선택 가능 토글

Question

달성해야 할 내용은

입니다. 1) 클릭 할 때마다 여러 요소를 선택할 수 있습니다.

<ol id="selectable"> 
    <li class="ui-widget-content">Item 1</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> 

CSS 코드 :

#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; } 

jQuery 코드 :

$(function() { 
    $("#selectable").selectable(); 
}); 

내가 다시 선택한 요소를 클릭하면

2), 그것은

HTML 코드

을 해제해야

view this code in jquery site

Answer 1

확인 답장을 보내 주시면 감사하겠습니다. 여기에서 metakey을 mouse down event에 true로 설정해야합니다. 샘플 코드에서 이벤트는 binded입니다. 나는 stackoverflow 자체에서 here, here이 있어요.

는 이제 특정 문제는 당신이 당신의 요구 사항에 대한 구체적 할 수있는 다음 링크 JSFIDDLE