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/

工作（没有样式）

为什么这个JQuery下拉插件只能在第一个下拉列表中运行？

1 个答案: