In jQuery Mobile Wählen Sie Menü, kann ich erzwingen, dass das LI-Element dieselbe Klasse wie das Unterstreichungsoptionselement hat?

Question

Zum Beispiel, wenn ich diesen HTML für ein Drop-Down-Menü haben:

<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> 
​ 

Ich möchte, dass meine benutzerdefinierten Klassen zu den entsprechenden LI-Elemente des erhaltenen UL-Element hinzugefügt werden. Wie würde man das machen? Bietet jQuery Mobile diese Funktionalität sofort an?

Hier ist eine schnelle JSFiddle: http://jsfiddle.net/avQC6/1/

Answer 1

Keine diese Funktionalität nicht aus der Box zur Verfügung gestellt. Die Art, dies zu tun, wäre etwas wie das Folgende:

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

Ich bin sicher, dass Sie einen besseren Weg schreiben könnten, dies zu erreichen. Das ist nur die allgemeine Idee.

Answer 2

Der Ansatz war ich am Ende unter die folgenden:

• Disable JQM wählen Sie die Menü Handhabung durch "data-role = 'none'" -Attribut in das Menü
• manuell aufrufen .selectmenu Hinzufügen() auf die Dropdown-Liste mit einem Rückruf für „create“ Ereignis

this jsfiddle Siehe Beispiel