JQuery Mobile Select Box ne fonctionne pas

Cela devient un peu fou. J'ai essayé le code pendant des heures maintenant et pas de chance:

<div data-role="fieldcontain"> <label for="select-choice-1" class="select">Choose shipping method:</label> <select name="select-choice-1" id="select-choice-1"> <option value="standard">Standard: 7 day</option> <option value="rush">Rush: 3 days</option> <option value="express">Express: next day</option> <option value="overnight">Overnight</option> </select> </div>

De:

Http://jquerymobile.com/demos/1.0a4.1/#docs/forms/forms-selects.html

Quand je le teste sur mon mobile, il n'y a pas de liste déroulante … En réalité, rien ne s'arrête.

J'oublie quelque chose?

Si vous regardez la source de la page Web, vous pouvez le voir dans une balise de formulaire:

 <form action="#" method="get">

Alors, ajouter ceci entre les balises de formulaire obtiendrait les résultats souhaités: Live Example Link

 <form action="#" method="get"> <div data-role="fieldcontain"> <label for="select-choice-1" class="select">Choose shipping method:</label> <select name="select-choice-1" id="select-choice-1"> <option value="standard">Standard: 7 day</option> <option value="rush">Rush: 3 days</option> <option value="express">Express: next day</option> <option value="overnight">Overnight</option> </select> </div> </form>

Un autre problème, il pourrait être:

Essayez d'ajouter cette étiquette à la liste déroulante: Live Example Link

 data-native-menu="false"

J'ai eu le même problème et la décision est dans les bibliothèques connectées

J'inclus dans la tête tag this css

 code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css

et ça

 code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js

Et tout fonctionne bien!

Ressemble à une copie directe du lien, avez-vous inclus jquery et jquery mobile ?