0

Twitterのブートストラップコラスペ機能を使用しています。li 要素は以下のとおりで、各タブ コンテンツはクラス .attrInputs の入力要素で構成されます

クラスピルの要素をクリックすると、各タブの入力要素にフォーカスして、ユーザーが入力要素をクリックする必要がないようにします。.pillのクラスがクリックされたときに.focusを使用してこれを行うためにjqueryを追加しますが、最初のクリックではなく2回目のクリックでのみ可能です。 

   <ul class="nav nav-pills">
           <li>
              <a class="pill" href="#a" data-toggle="pill">
                A
              </a>
           </li>
           <li>
               <a class="pill" href="#b" data-toggle="pill">
                B
               </a>
           </li>
    <ul>

私のタブの内容。HTMLはすべてのタブで同じです

<div class="span10 offset1 tab-pane active" id="collar">
    <div class="span4">
          <input class="attrInputs" name="collar" type="text">
    </div>
    <div class="span4 offset1">
          <img src="http://placehold.it/300x300/156153">
    </div>
</div>

$('.pill').on('click',function(){
   $('.attrInputs').focus(); 
});

前もって感謝します

4

1 に答える 1

1

あなたが試すことができます：

$('.pill').on('click',function(){
   setTimeout(function() {
     $('.attrInputs').focus(); 
   },0);
});

setTimeout()クリック ハンドラのチェーンを壊します。

詳細については、https://github.com/twitter/bootstrap/issues/2380を参照してください。

于 2013-02-21T06:40:21.330 に答える