2017-03-02 3 views
0

두 개의 부트 스트랩 다중 선택 드롭 다운이있는 페이지가 있습니다. 그들은 창조되고 적절히 렌더링되고 있습니다. (즉, 일반 선택 목록 대신 드롭 다운이 표시됩니다.)하지만 클릭하면 드롭 다운이 열리지 않습니다.부트 스트랩 다중 선택 드롭 다운이 열리지 않음

여기에 게시하려면 상당히 단순화했습니다. (실제로 PHP 코드로 옵션을 생성하고 있습니다.하지만 디버거가 옵션이 있음을 보여줍니다.) 다른 사이트에서이 작업을 수행 했으므로 여기서 간단한 것을 놓치고 있어야합니다. 코드는 완전히 유사하게 보인다.

HTML :

 <select id="confs" multiple="multiple"> 
     <option value='First' id='1'>First</option> 
     <option value='Second' id='2'>Second</option> 
     </select> 

자바 스크립트 (내가 거기에 뭔가 문제가 있지 않은지 확인하기 위해, 여기에 모든 준비 기능을 포함하고있어) : 그것의 경우

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#papers").tablesorter(); 
$('#confs').multiselect({ 
    includeSelectAllOption: true, 
    onChange: function(option, checked) {   
     updatePapers();   
    } 
}); 
$('#cats').multiselect({ 
    includeSelectAllOption: true, 
    onChange: function(option, checked) {   
     updatePapers();   
    } 
}); 
}) 
</script> 

이 몰라가 중요한 점은이 사이트와 제가 작동하는 사이트의 큰 차이점은이 사이트는 Windows 호스팅이 있고 다른 사이트는 Linux라는 점입니다.

업데이트 : 단일 부트 스트랩 다중 선택을 포함하는 더 간단한 테스트 페이지를 만들었습니다. 경고를 표시하기 위해 onDropdownShow 코드를 추가했습니다. 경고가 나타나지만 드롭 다운이 떨어지지 않습니다. 준비 기능의 새 버전은 다음과 같습니다.

$(document).ready(function(){ 
$('#confs').multiselect({ 
    includeSelectAllOption: true, 
    onDropdownShow: function(event) { 
     alert('Dropdown shown.'); 
    } 
}); 
});  

답변

2

내 부트 스트랩 네비게이션 바의 드롭 다운 중 하나를 열 것을 발견 한 후 (옵션, 선택, 선택) 기능 : 그것은

의 onChange입니다 두번. 일단 내가 고정 시켰을 때, 네비게이션이 작동했습니다.

다른 컨트롤을 사용하여 multiselect 드롭 다운을 이미 대체 했으므로 여기서이 문제를 해결할 수 있는지 테스트하지는 못했지만 실제로는 그렇게 될 것이라고 확신합니다.

+0

이것은 효과가 있습니다! 이 질문에 답변 해 주셔서 감사합니다. – FrederikVds