Раскрывающееся меню, основанное на начальной загрузке, можно использовать обычно в компьютерном браузере. Раскрывающийся список может появиться в мобильном браузере, но пункты меню в списке не могут быть выбраны. Вы можете заменить OntouchStart в файле сценария Bootstrap с помощью отключения OntouchStart, но его нельзя решить после замены. (Браузер Redmi Mobile Phone UC не поддерживает его, браузер Xiaomi UC нормальный, другие не были протестированы на данный момент)
jQuery: v1.11.2
начальная загрузка: v3.3.4
Ниже приведен код страницы на стойке регистрации:
<div> <span id = "Размещение-addon2"> Нативное локальное благосостояние: </span> <div> <button type = "button" id = "btnfuli" name = "btnfuli" data-toggle = "value =" "aria-expeded =" false "> выберите локальный благосостояние… <pan> </span> </utfoot> <ul id =" uival = "uival =" uilea = "uilead =" title = '1' href = '#'> локальное благосостояние </a> </li> <li class = 'divider'> </li> <li> <a title = '2' href = '#'> внешнее благосостояние </a> </li> <li> <li class = 'divider'> </li> </ul> <input = "txtfuli"
Ниже приведен сценарий JS: (добавьте нажмите на раскрывающийся пункт меню)
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'>");});};Решение заключается в следующем:
Следующий код не поддерживается мобильным браузером. Назначьте следующие элементы для указания идентификатора для решения проблемы ()
$ this.parent (). parent (). prev ()
Скорректированный код:
$ ("#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.append ("<span class = 'caret'>");});Вышеуказанное является причиной, по которой выпадающее меню не может быть выбрано на мобильном телефоне мобильного телефона на основе реализации начальной загрузки. Я надеюсь, что это будет полезно для всех. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит всем вовремя. Большое спасибо за вашу поддержку сайту wulin.com!