Menu tarik-turun berdasarkan bootstrap dapat digunakan secara normal di browser komputer. Daftar drop-down dapat muncul di browser seluler, tetapi item menu dalam daftar tidak dapat dipilih. Anda dapat mengganti OnTouchStart dalam file skrip Bootstrap dengan Disable-OntouchStart, tetapi tidak dapat diselesaikan setelah penggantian. (Redmi Mobile Phone UC Browser Tidak Mendukungnya, Xiaomi Mobile Phone UC Browser normal, yang lain belum diuji untuk saat ini)
JQuery: v1.11.2
Bootstrap: v3.3.4
Berikut ini adalah kode halaman meja depan:
<Div> <span id = "size-addon2"> Kesejahteraan lokal asli: </span> <ve> <tombol type = "tombol" id = "btnfuli" name = "btnfuli" kunyahan data = "dropdown" value = "ARIA-expanded =" false "> Harap pilih kesejahteraan lokal ... <pan> </span" arifi = Ulu = uvium = uvium "> Harap pilih kesejahteraan lokal ... <pan> </span> </span> title = '1' href = '#'> Kesejahteraan lokal </a> </li> <li class = 'Divider'> </li> <li> <a title = '2' href = '#'> kesejahteraan luar </a> </li> <li> <li class = 'Divider'> </li> </ul> </dive> <li> <li class = 'Divider'> </li> </ul> <inputing = "
Berikut ini adalah skrip JS: (Tambahkan klik ke item menu tarik-turun)
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 ()); $ aPen ("<span class = 'caret'>");});}Solusinya adalah sebagai berikut:
Kode berikut tidak didukung oleh browser seluler. Tetapkan elemen berikut untuk menentukan ID untuk menyelesaikan masalah ()
$ this.parent (). parent (). prev ()
Kode yang disesuaikan:
$ ("#drpworkType li a"). bind ("click", function () {var $ this = $ (this); // var $ a = $ this.parent (). parent (). prev () $ ('#txtworkType'). val ($ this.attr ('title')); $ ('#btnworkType'). Val ($ this.attr ('judul')); // $ A.Append ("<span class = 'caret'>");});Di atas adalah alasan mengapa menu drop-down tidak dapat dipilih di ponsel ponsel berdasarkan implementasi bootstrap. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas semua orang tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!