Question

例如，如果我有这个HTML用于下拉菜单：

<div data-role="fieldcontain">
    <label for="cars" class="ui-hidden-accessible">Select Seating Area</label>    
    <select id="cars" data-native-menu="false">
      <option class="myclass1" value="volvo">Volvo</option>
      <option class="myclass2" value="saab">Saab</option>
      <option class="myclass3" value="mercedes">Mercedes</option>
      <option class="myclass4" value="audi">Audi</option>
    </select>
</div>

我希望将自定义类添加到生成的UL元素的相应LI元素中。怎么会去做呢？ jQuery Mobile是否提供开箱即用的功能？

这是一个快速的JSFiddle：http://jsfiddle.net/avQC6/1/

Answer 1

没有提供开箱即用的此功能。这样做的方法如下：

$('[data-option-index=0]').addClass('myclass1');
$('[data-option-index=2]').addClass('myclass2');

我相信你可以写一个更简洁的方法来实现这个目标。这只是一般的想法。

Answer 2

我最终采取的方法如下：

通过在菜单中添加“data-role ='none'”属性来禁用JQM选择菜单处理
在下拉列表中手动调用.selectmenu（）并回拨“create”事件

请参阅this jsfiddle以获取示例

在jQuery Mobile Select Menu中，我可以强制LI元素与下划线选项元素具有相同的类吗？

2 个答案: