如何在同一頁面使用五個元素的jQuery selectbox插件？

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

確保您調用選擇框插件代碼之前所有的列表框被加載。 如果還沒有把你的代碼放在$（document）.ready（）中。

Answer 2

.ready()文檔

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

或

.load()文檔

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