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

我在同一个页面上有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>

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

---

在调用selectbox插件代码之前，请确保已加载所有列表框。 如果尚未将代码放入$（document）.ready（）中。

文档

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

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

或

文件

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

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

---

该插件似乎正在按预期工作。看看这把小提琴。也许代码中还有其他冲突，因此无法正常工作。如果没有更多的细节和/或代码示例，很难说为什么它在您的情况下不起作用。