1

我正在使用bootstrap-select.js来增强移动网站。

在我遇到问题的页面上，我已经成功地使用插件来设置字段样式，如下所示：

<div>
    <h:selectOneMenu value="#{bean.paymentChoices}" styleClass="selectpicker">
        <f:selectItem itemValue="#{null}" itemLabel="Select an Option" />
        <f:selectItems value="#{bea.paymentChoiceItems}" var="selectItem" itemLabel="#{selectItem.label}" itemValue="#{selectItem.value}" />
    </h:selectOneMenu>
</div>

我用来应用selectpicker样式的JS如下：

$(".selectpicker").selectpicker('mobile);

但是，我有 3 个菜单也有 selectpicker 类，但是谁的宽度设置为屏幕宽度的 30% - theJS 无法在它们上设置 selectpicker 样式。

有人知道为什么会这样吗？

4

1 回答 1

1

发现问题（并解决！）：

就像我在问题中提到的那样，我将宽度设置为 30%。

我添加了一些媒体查询来检查屏幕宽度，并相应地设置下拉宽度，而不使用百分比，例如width: npx;不width: 30%

于 2013-10-17T11:05:28.147 回答