Le menu déroulant basé sur Bootstrap peut être utilisé normalement dans un navigateur d'ordinateur. La liste déroulante peut apparaître dans un navigateur mobile, mais les éléments de menu de la liste ne peuvent pas être sélectionnés. Vous pouvez remplacer l'OntouchStart dans le fichier de script bootstrap par Disable-Antouchstart, mais il ne peut pas être résolu après le remplacement. (Le navigateur UC de téléphone mobile Redmi ne le prend pas en charge, le navigateur UC de téléphone mobile Xiaomi est normal, d'autres n'ont pas été testés pour le moment)
jQuery: v1.11.2
bootstrap: v3.3.4
Ce qui suit est le code de la page de la réception:
<div> <span id = "SIZIZE-ADdon2"> Welfare local natif: </span> <v> <Button Type = "Button" id = "btnfuli" name = "btnfuli" Data-Toggle = "Dropdown" value = "" aria-exaided = "false"> s'il vous plaît sélectionnez Welfare local… <spandé> title = '1' href = '#'> Welfare local </a> </li> <li class = 'divider'> </li> <li> <a title = '2' href = '#'> extérieur social </a> </li> <li> <li class = 'divider> </li> </ul> <entrée id = "txtuli" nom = "welfare"
Ce qui suit est le script JS: (Ajouter un clic à l'élément de menu déroulant)
Databindfuli: function () {$ ("# uoufili 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 solution est la suivante:
Le code suivant n'est pas pris en charge par le navigateur mobile. Attribuez les éléments suivants pour spécifier l'ID pour résoudre le problème ()
$ this.parent (). parent (). prev ()
Code ajusté:
$ ("# drpWorkType li a"). bind ("click", function () {var $ this = $ (this); // var $ a = $ this.parent (). Parent (). Prev () $ ('# txtWorkType'). Val ($ this.attr ('title')); $ ('# btnWorkType'). Val ($ this.attr ('title')); // $ a.apprend ("<span class = 'caret'>");});Ce qui précède est la raison pour laquelle le menu déroulant ne peut pas être sélectionné sur le téléphone mobile du téléphone mobile en fonction de l'implémentation bootstrap. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!