样式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

回答

相关问题