O menu suspenso com base no bootstrap pode ser usado normalmente em um navegador de computador. A lista suspensa pode aparecer em um navegador móvel, mas os itens do menu na lista não podem ser selecionados. Você pode substituir o OnTouchStart no arquivo de script de bootstrap por desativar-o-OntouchStart, mas ele não pode ser resolvido após a substituição. (Redmi Mobile Phone Browser não suporta, o navegador UC do telefone celular Xiaomi é normal, outros não foram testados por enquanto)
jQuery: v1.11.2
Bootstrap: v3.3.4
A seguir, o código da página da recepção:
<div><span id="sizing-addon2">Native local welfare: </span><div><button type="button" id="btnFuLi" name="btnFuLi" data-toggle="dropdown"value="" aria-expanded="false">Please select local welfare… <span></span></button><ul id="UiFuLi" role="menu"><li><a title = '1' href = '#'> bem -estar local </a> </li> <li class = 'divider'> </li> <li> <a title = '2' href = '#' '> bem -estar externo </a> </li> <li> <li class =' divider '> </i>
A seguir, o script JS: (Adicione clique no item de menu suspenso)
Banco de dados $ this.text (); $ a.val ($ this.attr ('title')); $ ('#txtfuli').A solução é a seguinte:
O código a seguir não é suportado pelo navegador móvel. Atribua os seguintes elementos para especificar o ID para resolver o problema ()
$ this.Parent (). Parent (). Prev ()
Código ajustado:
$ ("#drpworkType li a"). bind ("clique", function () {var $ this = $ (this); // var $ a = $ this.Parent (). Parent (). Prev () $ ('#txtworkType').O exposto acima é o motivo pelo qual o menu suspenso não pode ser selecionado no telefone celular do telefone celular com base na implementação do bootstrap. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!