javascript - 如何在同一页面上为五个元素使用 jQuery 选择框插件？

Question

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

问题是插件仅适用于第一个元素......其余部分保持正常。

有人知道这是为什么吗？

我的代码如下所示：

  <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

确保在调用选择框插件代码之前加载了所有列表框。如果还没有将您的代码放入 $(document).ready()。