0

例如,如果我有这个 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/

4

2 回答 2

1

我最终采用的方法如下:

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

有关示例,请参见此 jsfiddle

于 2012-05-04T18:26:11.563 回答
1

不,此功能不是开箱即用的。这样做的方法如下:

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

我相信你可以写一个更简洁的方法来完成这个。这只是一般的想法。

于 2012-04-08T03:34:05.270 回答