jquery mobile - Benutzerdefiniert wählen-Menü in einem popup-Fenster
Suchen Sie bitte die unten fiddle http://jsfiddle.net/yesvin/Xj8p8/
<ul data-role="listview">
<li data-role="fieldcontain">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
</li>
<li data-role="fieldcontain">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
</li>
<li data-role="fieldcontain">
<label for="pageselect">page select</label>
<select name="pageselect" id="pageselect" data-native-menu="false">
<option value="">Choose One</option>
<option value="">pageselect opt 1</option>
<option value="">pageselect opt 2</option>
<option value="">pageselect opt 3</option>
</select>
</li>
<li data-role="fieldcontain">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
</li>
</ul>
<a href="#pop" data-rel="popup" data-position-to="window" data-role="button" id="farmer_family_member">Add Popup</a>
<div data-role="popup" id="pop">
<ul data-role="listview">
<li data-role="fieldcontain">
<label for="popupselect">popup select</label>
<select name="popupselect" id="popupselect" data-native-menu="false">
<option value="">popup select opt 1</option>
<option value="">popup select opt 2</option>
<option value="">popup select opt 3</option>
</select>
</li>
<li data-role="fieldcontain">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
</li>
<li data-role="fieldcontain">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
</li>
<li data-role="fieldcontain">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
</li>
<li data-role="fieldcontain">
<label for="basic">Text Input:</label>
<input type="text" name="name" id="basic" value="" />
</li>
</ul>
</div>
Ist der gleiche wie in meiner Seite, wenn ich anzeigen, dass die Seite im mobile es hat einige Probleme,
-
Wenn ich auf Hinzufügen-popup-Schaltfläche, es öffnet sich ein popup, Innen, popup vorhanden ist, wählen Sie Menü und data-native-menu=false für das select-Menü nicht funktioniert. Wie aktiviere ich das?
-
Wenn ich die 'popupselect' Menü in der pop-up-Fenster die 'pageselect' - Menü öffnen. Wie kann ich das verhindern?
Bitte um Rat...
Vielen Dank im Voraus.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Erste Antwort
Kurze Antwort ist, Sie kann das nicht tun. Ich weiß, es klingt albern, aber jQuery Mobile einige Einschränkungen mit popups und wichtigste Einschränkung ist, dass Sie cant Kette popups. Da benutzerdefinierte select-Menü ist nur ein weiteres popup-man kann es nicht anzeigen aus dem popup-Menü.
Offizielle Dokumentation : http://api.jquerymobile.com/popup/
Gibt es eine Möglichkeit, um dieses problem, aber es kann nicht verwendet werden, in diesem Fall. Für die zu umgehen eine popup geschlossen werden müssen, bevor die zweite geöffnet werden kann. Dies ist leider nicht tragbar und hier.
Zweite Antwort
Dies ist auch bekannt als fallen durch Veranstaltungen. Dies ist eine kalte javascript-Fehler, ok keine Fehler perse, weil javascript war nie so gemeint, wie folgt zu arbeiten.
Grundsätzlich, wenn Sie auf ein element, klicken Sie auf Ereignis fallen werden, um das element unten.
Dies kann verhindert werden, mit diesen Funktionen:
Hier ein jsFiddle Beispiel, so können Sie dieses problem verstehen: http://jsfiddle.net/Gajotres/Xz2np/
Zu verstehen, dieses problem, klicken Sie einfach auf ein DIV-Beispiel kommentieren dann diese 2 Linien, läuft wieder ein Beispiel und klicken wieder auf ein DIV.
Eine Letzte Sache
Dieser Klang rau, aber es gesagt werden muss. Vergessen Sie nicht, akzeptieren einer Antwort, die von Zeit zu Zeit. Ich kann sehen, ich gab Ihnen einige Antworten auf deine vorherigen Fragen. Ich in der Regel don ' T mind, aber auch andere tun, und Sie sind nicht zu helfen.