twitter bootstrap崩潰選項卡問題

我在窗體上使用引導和摺疊 - 允許用戶根據需要添加某些字段。但是我發現如果我點擊鍵盤按鈕選項卡跳轉到下一個字段，它會將選項卡貼到合攏/隱藏字段。twitter bootstrap崩潰選項卡問題

反正這個呢？我已經包括以下

  <div class="control-group"> 
       <label class="control-label" for="title">Title</label> 
       <div class="controls"> 
        <input type="text" name="title" id="title" class="input-xlarge" placeholder="Title"> 
       </div> 
      </div> 

      <hr /> 

      <div class="control-group"> 
            <div class="controls"> 
        <a data-toggle="collapse" data-target="#add_date_div"> 
         Add A Date 
        </a> 
             </div> 
      </div> 

      <div id="add_date_div" class="collapse"> 


       <div class="control-group"> 
        <label class="control-label" for="start_date"> 
          Start Date: 

        </label> 
        <div class="controls"> 
         <div id="collapse_date" class="input-append date form_datetime" data-date="2013-09-16T05:25:07Z" data-date-format="dd MM yyyy - hh:ii" data-link-field="dtp_input1" > 
          <input name="start_date" type="text" value="" readonly><span class="add-on"><i class="icon-th"></i></span> 

         </div> 
        </div> 
       </div> 

       <div class="control-group"> 
        <label class="control-label" for="end_date"> 
         End Date:1 
        </label> 
        <div class="controls"> 
         <div id="collapse_date" class="input-append date form_datetime" data-date="2013-09-16T05:25:07Z" data-date-format="dd MM yyyy - hh:ii" data-link-field="dtp_input1" > 

          <input name="end_date" type="text" value="" readonly><span class="add-on"><i class="icon-th"></i></span> 
         </div> 
        </div> 
       </div> 
      </div>

來源

2013-02-12 Chris Mccabe

這段代碼並沒有告訴我們任何東西。你能提供鏈接到你正在工作的工作副本嗎？ – LorDex 2013-02-12 13:54:06

它的一些代碼，因爲倒塌的部分實際上沒有隱藏。它是一個高度溢出的黑客。所以把它添加到你的CSS文件中。刪除摺疊代碼。（即數據切換和數據目標的鏈接和class屬性=從「崩潰」 #add_date_div），並添加自定義的jQuery代碼如下CSS：

#add_date_div { 
    display:none; 
} 

$(function(){ 
    $(".add_a_date").on("click",function() { 
     $("#add_date_div").slideToggle(); 
    }); 
});

Working Fiddle

來源

2013-02-12 14:15:08

twitter bootstrap崩潰選項卡問題

回答

相關問題