4

Bootstrap の選択メニューには、このbootstrap-selectの1.6.3を使用しています。

ただし、フォームをタブで移動すると、selectクラスを持つ要素がスキップされselectpickerます。つまり、要素がタブ オーダーに含まれていません。

GitHub に 1.6.4 バージョンがありますが、CDN で見つけることができません。

他の誰かがその問題に遭遇したかどうか、そして修正があるかどうか疑問に思っています.

4

3 に答える 3

0

タブ オーダーは、当然、DOM 内の HTML 要素の順序にほぼ従う必要があります。

バージョン 1.6.3 で問題なく動作する例を次に示します。

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.js"></script>

<div class="form-group">
  <label for="name">Name</label>
  <input type="text" class="form-control" id="name">
</div>

<div class="form-group">
  <label for="name">Something</label>
  <select class="selectpicker form-control">
    <option>Mustard</option>
    <option>Ketchup</option>
    <option>Relish</option>
  </select>
</div>

<div class="form-group">
  <label for="something">Something</label>
  <input type="text" class="form-control" id="something">
</div>

ブートストラップ選択を削除し、通常の<select>要素をフォームの一部にすると、まだ問題がありますか? もしそうなら、ブートストラップ選択は問題の根源ではありません。

いずれにせよ、問題を診断するには、動作するデモが必要になるでしょう。この回答のスタック スニペットを使用して、問題を再現できるまで追加を開始できます。

于 2015-02-22T20:20:08.057 に答える
0

どうやらこれは、タブがドロップダウンをスキップする Safari の「機能」です。ブラウザ設定の一部です。Firefoxにも影響があるようです。

http://www.tonyspencer.com/2006/05/02/tab-skips-select-form-fields-in-mac-browsers/index.html

于 2018-12-05T15:03:44.213 に答える