樣式2種不同類型的jQuery UI selectmenus

我想爲我的網站上的選擇菜單有2種不同的樣式（類）。我不想使用ID，因爲在同一頁面上可能會有很多下拉菜單。樣式2種不同類型的jQuery UI selectmenus

因此，例如：

<div class="row"> 
    <select class="style1"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
    </select> 

    <select class="style1"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
    </select> 

    <select class="style2"> 
     <option>Option 1</option> 
     <option>Option 2</option> 
     <option>Option 3</option> 
    </select> 
</div>

然而，當我創建JavaScript調用的selectmenus：

$("select").selectmenu();

它不類的名稱傳送到selectmenu它創建（只創建一個基於原始加上「 - 按鈕」的ID）。

有沒有使用類來設計jQuery UI選擇菜單的方法？

謝謝。

來源

2016-01-16 user2472523

不清楚這個聲明「它不會將類名轉移到它創建的選擇菜單（它只會創建一個基於原始的加上」-button「的id）。」 –

如果select的ID是例如「selectmenu」，那麼jQuery UI選擇的ID將是「selectmenu-button」，如下所示： user2472523

由於jQuery UI創建的新選擇總是緊跟原始選擇標記，所以我能夠通過使用相鄰的兄弟選擇符（+）找到解決方案。

在CSS：

select.style1 + .ui-selectmenu-button{} 
select.style2 + .ui-selectmenu-button{}

如果任何人有一個替代的解決方案，隨時分享，謝謝！

來源

2016-01-16 23:20:18 user2472523

樣式2種不同類型的jQuery UI selectmenus

回答

相關問題