Das Dropdown-Menü basierend auf Bootstrap kann normalerweise in einem Computerbrowser verwendet werden. Die Dropdown-Liste kann in einem mobilen Browser auftauchen, die Menüelemente in der Liste können jedoch nicht ausgewählt werden. Sie können den OnTouchStart in der Bootstrap-Skriptdatei durch deaktiviert-ontouchstart ersetzen, es kann jedoch nicht nach dem Ersatz gelöst werden. (Redmi Mobiltelefon UC -Browser unterstützt es nicht, Xiaomi Mobiltelefon UC -Browser ist normal, andere wurden vorerst nicht getestet.)
JQuery: v1.11.2
Bootstrap: v3.3.4
Das Folgende ist der Code an der Rezeption:
<div> <span id = "Größen-addon2"> native lokale Wohlbefinden: </span> <div> <button type title = '1' href = '#'> Lokales Wohlergehen </a> </li> <li class = 'Divider'> </li> <li> <a title = '2' href = '#'> Outside Sohelfare </a> </li> <li> <li class = 'divider'> </ul> <input id = "txtfuli" name "name" name "
Das Folgende ist das JS-Skript: (Klicken Sie zum Dropdown-Menüelement hinzu)
DataBindfulli: function () {$ ("#Uifuli li a"). Bind ("click", function () {var $ this = $ (this); var $ a = $ this.Parent (). Parent (). Prev () var t = $ this.text (); $ a.val ($ this.attr ('title'); $ ('#txtfuli').Die Lösung lautet wie folgt:
Der folgende Code wird vom mobilen Browser nicht unterstützt. Weisen Sie die folgenden Elemente zu, um die ID anzugeben, um das Problem zu lösen ()
$ this.Parent (). Parent (). prev ()
Angepasster Code:
$ ("#drpworkType li a"). Bind ("Click", function () {var $ this = $ (this); // var $ a = $ this.Parent (). Parent (). prev () $ ('#txtworkType'). Val ($ this.attr ('title')); $ ('#btnworkType').Der oben genannte Grund ist der Grund, warum das Dropdown-Menü nicht auf dem Mobiltelefon des Mobiltelefons ausgewählt werden kann, basierend auf der Bootstrap-Implementierung. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!