يمكن استخدام القائمة المنسدلة القائمة على bootstrap بشكل طبيعي في متصفح الكمبيوتر. يمكن أن تظهر القائمة المنسدلة في متصفح الهاتف المحمول ، ولكن لا يمكن تحديد عناصر القائمة في القائمة. يمكنك استبدال OnTouchStart في ملف Bootstrap Script مع تعطيل intouchStart ، ولكن لا يمكن حله بعد الاستبدال. (لا يدعمه متصفح Redmi للهاتف المحمول UC ، فإن متصفح Xiaomi للهاتف المحمول UC أمر طبيعي ، والبعض الآخر لم يتم اختباره في الوقت الحالي)
jQuery: v1.11.2
bootstrap: v3.3.4
فيما يلي رمز صفحة المكتب الاستقبال:
<viv> <span id = "size-addon2"> الرفاهية المحلية الأصلية: </span> <viv> <button type = "button" id = "btnull" name = "btnulli" data-toggle = "tropown" value = "" aria-expanded = "false" title = '1' 'href ='#'> الرفاه المحلي </a> </li> <li class =' divider '> </li> <li> <a title =' 2 'href ='#'> خارج الرفاه </a> </li> <li> <li> <li class =' divider '> </li> </ul>
ما يلي هو البرنامج النصي JS: (أضف انقر إلى عنصر القائمة المنسدلة)
DatabIndfuli: function () {$ ("#uifuli li a"). bind ( $ this.text () ؛ $ a.val ($ this.attr ('title')) ؛ $ ('#txtfuli'). val ($ this.attr ('title')) ؛ $ a.text ($ this.text ()) ؛ $ a.append ("<span class = 'caret'>") ؛}) ؛}) ؛الحل كما يلي:
الكود التالي غير مدعوم من متصفح الهاتف المحمول. تعيين العناصر التالية لتحديد المعرف لحل المشكلة ()
$ this.parent (). parent ().
الرمز المعدل:
$ ("#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'>") ؛}) ؛ما سبق هو السبب في عدم تحديد القائمة المنسدلة على الهاتف المحمول للهاتف المحمول استنادًا إلى تطبيق Bootstrap. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!