Jquery 선택 가능 : 하나의 클래스/유형에 대해 다중 선택 허용

주문 목록이있는 테이블이 있습니다. 순서 목록에는 선택 가능한 시간 소인이 있습니다. 하나의 테이블 항목 "td"는 하루입니다. (나는 웹 달력을 프로그래밍하고있다.) 이미 하나의 타임 스탬프를 선택하고 다른 그것은 또한 두 번째를 선택 클릭하면, 지금Jquery 선택 가능 : 하나의 클래스/유형에 대해 다중 선택 허용

<script type= "application/javascript"> 

     $(document).ready(function(){ 

     $(".timelist").on("mousedown", function (e) { 
     e.metaKey = true; 
     }).selectable(); 

     }); 

</script>

<td class="day"><div class="scroll"> 

     <ol class="timelist"> 

      <li id="2017-10-27_14:41" class="ui-selectee">14:41</li> 
      <li id="2017-10-27_15:28" class="ui-selectee">15:28</li> 
      <li id="2017-10-27_16:00" class="ui-selectee">16:00</li> 
      <li id="2017-10-27_08:00" class="ui-selectee">08:00</li> 
      <li id="2017-10-27_09:00" class="ui-selectee">09:00</li> 
      <li id="2017-10-27_12:01" class="ui-selectee">12:01</li> 

     </ol> 

</div> 
</td>

이

는 내가 가지고있는 jQuery 코드입니다. 그게 정확히 내가 원하는 것과 그것은 매력처럼 작동합니다.

그러나 추가로 요일을 선택하고 싶습니다. 그러나 이미 하나의 타임 스탬프를 선택하고 하루를 클릭하면 내 프로그램은 타임 스탬프 선택을 취소하고 클릭 한 날짜를 선택합니다. 하루를 선택하고 다른 날을 클릭하면이 날을 선택해야합니다 (2 일 선택 등). 그러나 이미 하루 이상을 선택하고 타임 스탬프를 클릭하면 프로그램에서 일 선택을 취소합니다.

내가 원하는 말은 "같은 유형/HTML 클래스를 가진 요소에 대해 다중 선택을 사용하십시오"입니다.

어떻게하면됩니까?

출처

2017-10-27 Kazuya91

'.bind()'대신 ['.on()'] (http://api.jquery.com/on/)를 사용하면 원하는대로 하위 선택기를 추가 할 수 있습니다. 서로 다른 그룹을 가지지 않고 선택 가능한 모든 요소에 똑같은 기능을 바인딩한다는 것입니다. – SubjectDelta

좋아, 파일에서 변경했습니다. 감사. 그러나 당신은 저에게보기를 줄 수 있는가? 내 프로그램에서 더 이상 선택하도록 어떻게 말합니까? – Kazuya91

"ui-selectee"대신 "ui-widget-content"클래스를 사용하십시오.

출처

2017-10-27 14:31:53 tiborK

나는 그것을 직접 사용하지 않았다. 내 HTML 파일에 자동으로 클래스 "ui-selectee"가 추가되었습니다. 나는 selectable() 함수 때문에 그것을 추측한다. 좀 더 구체적이고 저에게 모범을 보여줄 수 있습니까? – Kazuya91

Nick Craver의 http://jsfiddle.net/nick_craver/ZfevM/7/을 확인하십시오. – tiborK

Jquery 선택 가능 : 하나의 클래스/유형에 대해 다중 선택 허용

답변

관련 문제