JQuery Mobile native select funktioniert nicht auf Droiden

Das macht mich absolut verrückt. Ich habe den Droid X 2.3.3. Aus irgendeinem Grund werden die nativen Select-Menüs nicht geöffnet, wenn data-role="none" oder "data-native-menu="true" gesetzt ist. Hat jemand eine Ahnung, warum dies geschieht?

 <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script> </head> <body> <div id="wrapper-div"> <div data-role="page" data-theme="b"> <div data-position="inline" data-role="header"> <h1>Test Page</h1> </div> <div id="content" data-role="content"> <form action="" method="post"> <fieldset data-role="fieldcontain"> <label for="some-options">Some Options:</label> <select data-native-menu="true" name="some-options" id="some-options"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select> </fieldset> <fieldset data-role="fieldcontain"> <label for="mote-options">More Options:</label> <select data-role="none" name="more-options" id="more-options"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select> </fieldset> <fieldset data-role="fieldcontain"> <label for="evenmore-options">Even More Options:</label> <select name="more-options" id="evenmore-options"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select> </fieldset> </form> </div> </div> </div> </body> </html> 

  • Kann eine geplante Zukunft einen Speicherverlust verursachen?
  • Vermeidung von Bitmap zu groß, um in eine Textur Android hochgeladen werden
  • ANR mit Google Analytics
  • Konvertieren Sie UTC in die aktuelle Gebietsschemazeit
  • Java unbekannte Host-Ausnahme
  • Kann ich eine versteckte (aber öffentliche) Methode überschreiben und ihre Super-Methode anrufen?
  • Verstecke ein Layout nach 10 Sekunden im Android?
  • Warum sollte ich meine Anwendung APK vor der Freigabe unterschreiben
  • So legen Sie die Inhaltsansicht von NativeActivity auf die in Java erstellte Komponente fest
  • Android: Welche Versionen von Android sollte ich unterstützen?
  • Wie füge ich benutzerdefinierte Daten und Felder zum Bildschirm "Kontakte" in Android hinzu?
  • Erkennung "Nur 2G-Netzwerke verwenden" einstellen
  • 3 Solutions collect form web for “JQuery Mobile native select funktioniert nicht auf Droiden”

    Ich habe das gleiche erlebt Sie müssen die data-type="page" direkt unter <body> behalten. Sehen Sie diese jQM-Ausgabe für weitere Details: https://github.com/jquery/jquery-mobile/issues/1051

    Also, entfernen Sie die <div id="wrapper-div"> – Sie brauchen es sowieso nicht 😉 Allerdings glaube ich, dass jQM diese Art von Beschränkungen nicht auf uns Entwickler setzen sollte. Immerhin funktioniert es auf einem iPhone, also bin ich ganz neugierig, warum es nicht richtig funktioniert auf Android.

    Von dem, was ich weiß, gibt es keine Notwendigkeit, data-role="none"

    Einfach set- data-native-menu="true" wird tun.

      <select data-native-menu="true" name="some-options" id="some-options"> <option value="1">Option 1</option> <option value="2">Option 2</option> </select> 

    Beispiel hier

    Ich hatte das gleiche Problem und wechsle zu data-native-menu = false half, weil ich kein SELECT-Element im FORM-Element habe.

    Wenn ich es richtig verstehe, solltest du das Daten-native-menu = true setzen, wenn du SELECT in FORM hast, basierend auf Diskussion hier:

    JQuery Mobile Select Box funktioniert nicht

    Das Android ist ein Google Android Fan-Website, Alles über Android Phones, Android Wear, Android Dev und Android Spiele Apps und so weiter.