Chosen: 선택: 발사 준비 완료

리스너를 너무 늦게 바인딩한 것 같습니다(선택한 후 바인딩하면 이벤트가 표시되지 않음). 선택을 적용하기 전에 리스너를 바인딩하십시오.

아, 그것은 해결책의 일부였습니다. 또한 그것을 제거하는 설정하기 전에 선택된 모든 이벤트의 바인딩을 해제하는 줄이 있었습니다. asp.net 및 포스트백의 이상함 때문에 바인딩 해제 줄이 추가된 것 같습니다.

빠른 답변 감사합니다.

닫은. :+1:

한 가지 더 죄송합니다. 아래와 같이 이 함수에서 선택한 개체를 가져올 수 있어야 합니다. 맞습니까?

jQuery('.chzn-select').on(' selected :ready ', 함수(선택됨) {
jQuery('li').ScrollText();
});

나는 새로운 요소를 얻고 준비가 되면 그것에 대해 뭔가를 하려고 합니다. 선택한 개체에 이 항목이 포함되어 있습니까? 나는 obj에 결과가 있는 것을 보았지만 이것은 항상 정의되지 않았습니다.

알겠습니다. 다시 닫습니다.

나는 이것이 작동하지 않을 것이라는 것을 알아냈다. 선택한 드롭다운의 각 옵션에 이벤트를 적용하고 싶지만 문제는 드롭다운을 클릭할 때까지 옵션이 생성되지 않는다는 것입니다. 따라서 내 코드를 " selected:showing_dropdown " 이벤트로 이동할 수 있습니다.

이벤트 리스너의 첫 번째 인수는 항상 이벤트 객체입니다. 매개변수는 두 번째 인수입니다. http://harvesthq.github.io/chosen/options.html#triggered -events

아 두 번째 매개변수를 놓쳤습니다. 감사 해요.

위임을 사용하여 이벤트를 바인딩해야 합니다(예: 더 이상 사용되지 않는 $().live() ). 바인딩할 때 요소가 페이지에 있을 필요가 없기 때문입니다.

$('.chosen-select').on('click', 'li', handlerFunction);

이벤트 위임에 대한 추가 정보: https://learn.jquery.com/events/event-delegation/

또한 selected :ready 가 실행되지 않는 문제에 부딪쳤습니다.

이것은 작동하지 않았습니다:

$('select')
    .chosen()
    .on('chosen:ready', function(){
        console.log('chosen:ready')
    });

그러나 selected를 인스턴스화하기 전에 이벤트를 바인딩하면 작동했습니다.

$('select')
    .on('chosen:ready', function(){
        console.log('chosen:ready')
    })
    .chosen();

이벤트가 발생합니다. 그러나 첫 번째 경우에는 리스너가 트리거된 후 등록되었을 것입니다.

@stof 좋은 설명 감사합니다.

궁금하지만 목록 항목이 "ready" 이벤트가 아닌 "showing_dropdown" 이벤트에서 생성되는 이유는 무엇입니까?

목록 항목은 chosen:showing_dropdown 에 생성되지 않습니다.

chosen:ready 는 결과가 빌드되고 Chosen이 이벤트를 수신할 준비가 되면 트리거되고, chosen:showing_dropdown 는 Chosen을 연 후 트리거됩니다.

그래서 궁금하신 점은 무엇인가요? ;)

내 "선택한 결과" 목록은 드롭다운이 열릴 때까지 항상 비어 있습니다. 나는 내가 하고 있는 일을 하는 다른 방법을 찾았지만 이것이 어떻게 작동하는지에 대해서는 거의 호기심이 없었습니다.