Question

我在同一页面上有3个选择框，我想在所有3个选择框中使用jQuery selectbox插件。

问题是插件只能运行第一个元素......其余元素仍然正常。

有人知道为什么会这样吗？

我的代码看起来像这样：

  <select class="ex">
        <option>test</option>
        <option>test</option>
        <option>test</option>
        <option>test</option>
    </select>


  <select class="ex">
        <option>test</option>
        <option>test</option>
        <option>test</option>
        <option>test</option>
    </select>


  <select class="ex">
        <option>test</option>
        <option>test</option>
        <option>test</option>
        <option>test</option>
    </select>

我的js代码如下所示：

$(".ex").selectbox();

Answer 1

.ready()文档

$(document).ready(function(){
    $(".ex").selectbox();
});

或

.load()文档

$(window).on('load', function(){
    $(".ex").selectbox();
});

Answer 2

在调用selectbox插件代码之前，请确保已加载所有列表框。如果还没有把你的代码放在$（document）.ready（）。

中

如何在同一页面使用jQuery selectbox插件五个元素？

2 个答案: