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>
答
它的一些代码,因为倒塌的部分实际上没有隐藏。它是一个高度溢出的黑客。所以把它添加到你的CSS文件中。删除折叠代码。 (即数据切换和数据目标的链接和class属性=从“崩溃” #add_date_div),并添加自定义的jQuery代码如下CSS:
#add_date_div {
display:none;
}
$(function(){
$(".add_a_date").on("click",function() {
$("#add_date_div").slideToggle();
});
});
这段代码并没有告诉我们任何东西。你能提供链接到你正在工作的工作副本吗? – LorDex 2013-02-12 13:54:06