ブートストラップに基づくドロップダウンメニューは、通常、コンピューターブラウザーで使用できます。ドロップダウンリストはモバイルブラウザにポップアップできますが、リスト内のメニュー項目は選択できません。 BootstrapスクリプトファイルのOntouchStartをdisable-ontouchStartに置き換えることはできますが、交換後に解決することはできません。 (Redmi携帯電話UCブラウザはそれをサポートしていません、Xiaomi携帯電話UCブラウザは正常です、その他は当面テストされていません)
jQuery:v1.11.2
ブートストラップ:v3.3.4
以下は、フロントデスクページコードです。
<div> <span id = "sizing-addon2">ネイティブローカル福祉:</span> <div> <ボタンタイプ= "ボタン" id = "btnfuli" name = "btnfuli" data-toggle = "dropdown" value = "" aria-expanded = "fals">地元の福祉を選択してください… title = '1' href = '#'>地元の福祉</a> </li> <li class = 'divider'> </li> <li> <a title = '2' href = '#'> </a> </li> <li> <li class = 'divider'> </li> </ul>
以下はJSスクリプトです。(ドロップダウンメニュー項目をクリックします)
databindfuli:function(){$( "#uififii 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'>");};}解決策は次のとおりです。
次のコードは、モバイルブラウザによってサポートされていません。問題を解決するためにIDを指定するには、次の要素を割り当てます()
$ this.parent()。parent()。prev()
調整コード:
$( "#drpworktype li a") $ this.parent()。parent()。prev()$( '#txtworktype')。val($ this.attr( 'title')); $( '#btnworktype')。
上記は、ブートストラップの実装に基づいて携帯電話の携帯電話でドロップダウンメニューを選択できない理由です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!