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崩溃选项卡问题

回答

相关问题