El menú desplegable basado en Bootstrap se puede usar normalmente en un navegador de computadora. La lista desplegable puede aparecer en un navegador móvil, pero los elementos del menú en la lista no se pueden seleccionar. Puede reemplazar el OnTouchStart en el archivo de script de Bootstrap con Disable-AnTouchStart, pero no se puede resolver después del reemplazo. (Redmi Mobile Telephone UC Browser no lo admite, el navegador UC de teléfono móvil Xiaomi es normal, otros no han sido probados por el momento)
JQuery: V1.11.2
Bootstrap: v3.3.4
El siguiente es el código de página de recepción:
<div> <span id = "dimension-addon2"> bienestar local nativo: </span> <div> <button type = "button" id = "btnfuli" name = "btnfuli" data-toggle = "desplegable" valor = "" aria-expandy = "false"> Seleccione el bienestar local ... <span> </span> </boton> <ul Id = "U" title = '1' href = '#'> Bienestar local </a> </li> <li class = 'divider'> </li> <li> <a title = '2' href = '#'> Outside Welfare </a> </li> <li> <li class = 'divider'> </li> </ul> <input id = "txtfuli" name = "Welfeal"/>> </> </divi
El siguiente es el script js: (agregue haga clic en el elemento del menú desplegable)
DatabIndfuli: 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'). val ($ this.attr ('title')); $ a.text ($ this.text ()); $ a.append ("<span class = 'caret'>");});}La solución es la siguiente:
El siguiente código no es compatible con el navegador móvil. Asigne los siguientes elementos para especificar la ID para resolver el problema ()
$ this.parent (). Parent (). Prev ()
Código ajustado:
$ ("#drpworktype li a"). bind ("hacer clic", function () {var $ this = $ (this); // var $ a = $ this.parent (). Parent (). Prev () $ ('#txtworktype'). Val ($ this.attr ('title')); $ ('#btnworktype'). val ($ this.attr ('title')); // $ a.append ("<span class = 'caret'>");});Lo anterior es la razón por la cual el menú desplegable no se puede seleccionar en el teléfono móvil del teléfono móvil en función de la implementación de Bootstrap. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!