부트 스트랩-선택

Question

내가 선택 요소했다

:

<select id='selectBox' class="selectpicker" multiple="" data-selected-text-format="count"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
    </select> 

내가 가진 : http://silviomoreto.github.io/bootstrap-select/ 사용 후

$('#selectBox option').click(function(){ 
..... 
}); 

:

<select id='selectBox'> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Relish</option> 
    </select> 

및 JQuery와 통해 이벤트를 클릭하여 설정을 멋지게 곱하면 드롭 다운 및 모든 메뉴 항목을 (선택 또는 delestct) 아무 것도 happends 때 그것을 제외하고 잘 작동합니다.

내 원래의 (숨겨진) 옵션 요소에서 새롭게 생성 된 요소 'ul.dropdown-menu li a'로 이벤트 프록시를 클릭하지 않는 이유는 무엇입니까? 어떻게 해결할 수 있습니까?

Answer 1

변경하면 코드 :

$('#selectBox').on('change', function(){ 
    ..... 
}); 

이 작동해야합니다

Answer 2

$("#selectBox").change(...)/.on("change", ...) 동안 드롭 다운 메뉴 옵션이 변경되면 선택 사항이 동일하게 유지되지 않습니다.

예를 들면 드롭 다운이 닫히 자마자 드롭 다운 메뉴와 연결된 라디오 버튼을 확인하려면 hidden.bs.select 이벤트를 사용하십시오.

드롭 다운이 포커스를 잃지 않고 닫히지 않는 한 관련 show.bs.select 또는 shown.bs.select을 사용할 수도 있습니다.

단점은 드롭 다운 메뉴 선택을 변경하지 않아도 이벤트가 표시된다는 것입니다. 옵션을 선택하지 않고 드롭 다운 바깥을 클릭 한 다음 클릭하면됩니다.

bootstrap-select documentation on events을 참조하십시오.