为什么这个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/