爲什麼這個jQuery下拉插件只能在第一個下拉菜單上工作？

Question

我使用下面的jQuery插件下拉菜單：

https://code.google.com/p/select-box/

我有4個下拉菜單，但腳本只適用於第一個。不知道我需要調整爲它在其他3

工作代碼：

<select name="question1" id="question_1"> 
    <option value="Yes">Yes</option> 
    <option value="No">No</option> 
</select> 

<select name="question2" id="question_2"> 
    <option value="Yes">Yes</option> 
    <option value="No">No</option> 
</select> 

<select name="question3" id="question_3"> 
    <option value="Yes">Yes</option> 
    <option value="No">No</option> 
</select> 

<select name="question4" id="question_4"> 
    <option value="Yes">Yes</option> 
    <option value="No">No</option> 
</select> 

腳本：

<script type="text/javascript"> 
$(function() { 
    $("#question_1").selectbox(); 
    $("#question_2").selectbox(); 
    $("#question_3").selectbox(); 
    $("#question_4").selectbox(); 
}); 
</script> 

Answer 1

它的發生，因爲插件使用過時（現在刪除）.live()事件綁定。

在jquery.selectbox-0.2.js變線303：

$("html").live('mousedown', function(e) { 

到：

$("html").on('mousedown', function(e) { 

這是工作（沒有樣式）使用jQuery 1.10.1：http://jsfiddle.net/3q9Wg/