<p>선택됨:열기가 작동하지 않음</p>

에 만든 2013년 12월 22일 · 5코멘트 · 출처: harvesthq/chosen

버튼 클릭 후 선택 항목을 열려고 하지만 작동하지 않습니다. 트리거 다음에 삽입하고 alert()하면 열립니다 ...
(jquery와 함께 선택한 v1.0 사용)

예시:

<select id="select">
    <option value="1">a</option>
    <option value="2">b</option>
    <option value="3">c</option>
</select>
<br>
<button onclick="$('#select').trigger('chosen:open'); ">Press this button to open (doesnt work) </button>
<button onclick="$('#select').trigger('chosen:open'); alert('ups!');">Press this button to open (work???)</button>

<script>
$(document).ready(function() {
$('#select').chosen();
});
</script>

예: http://jsfiddle.net/EArg6/28/

출처

vpode

가장 유용한 댓글

버튼을 클릭하면 Chosen이 chosen:open 이벤트를 받습니다. 그러나 이벤트는 계속해서 DOM을 버블링하고 Chosen은 활성 Chosen이 아닌 요소에 대한 클릭을 즉시 감지하므로 ... 닫습니다. 말이 됩니까?

인라인 JS로 작업하는 경우 가장 쉬운 솔루션은 setTimeout 를 사용하여 현재 이벤트 스택에서 벗어나는 것입니다.

onClick="setTimeout(function(){ $('#select').trigger('chosen:open'); }, 0)"

하지만 인라인 JS를 사용해서는 안 되는 것이 거의 확실합니다. 원하는 경우 setTimeout 계속 사용할 수 있지만 이벤트 버블링을 중지하는 것만으로도 충분합니다.

$('button').on("click", function(evt){
  evt.stopPropagation();
  $('#select').trigger('chosen:open');
});

이 작업 코드로 바이올린을 업데이트했습니다. http://jsfiddle.net/EArg6/33/

pfiller 에 2013년 12월 28일

👍4

모든 5 댓글

Fiddle(Safari에서)에서는 어느 버튼도 작동하지 않습니다.

어떤 브라우저/버전을 사용하고 있습니까?

tjschuck 에 2013년 12월 23일

나는 그것을 테스트했다 :

파이어폭스 25.0.1
오페라 12.16
크롬 31.0.1650.63 m

첫 번째 버튼이 작동하지 않습니다
두 번째 버튼은 옵션 목록을 엽니다("경고" 상자를 닫을 때만 닫음).

vpode 에 2013년 12월 23일

인라인 JS로 작업하는 경우 가장 쉬운 솔루션은 setTimeout 를 사용하여 현재 이벤트 스택에서 벗어나는 것입니다.

onClick="setTimeout(function(){ $('#select').trigger('chosen:open'); }, 0)"

$('button').on("click", function(evt){
  evt.stopPropagation();
  $('#select').trigger('chosen:open');
});

이 작업 코드로 바이올린을 업데이트했습니다. http://jsfiddle.net/EArg6/33/

pfiller 에 2013년 12월 28일

👍4

@pfiller 감사

pruett 에 2014년 04월 22일

@pfiller 에게 감사 속 쓰림을 많이

shivaray 에 2016년 07월 26일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

<p>선택됨:열기가 작동하지 않음</p>

가장 유용한 댓글

모든 5 댓글

관련 문제