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-option-index=0]').addClass('myclass1');
$('[data-option-index=2]').addClass('myclass2');

私はあなたがこれを達成するためのより良い方法を書くことができると確信しています。それは単なる一般的な考え方です。

于 2012-04-08T03:34:05.270 に答える
1

私が採用したアプローチは次のとおりです。

  • メニューに「data-role='none'」属性を追加して、JQM選択メニューの処理を無効にします
  • 「作成」イベントのコールバックを使用して、ドロップダウンリストで.selectmenu（）を手動で呼び出します

例については、このjsfiddleを参照してください

于 2012-05-04T18:26:11.563 に答える