我在我的web应用程序中使用Twitter Bootstrap响应css.This用于具有MustacheJS的HTML模板中我已经“崩溃”,并且在IE-9中无法正常工作 这是代码在Internet Explorer中的Twitter引导程序崩溃问题
<div class="accordion-heading">
<a class="accordion-toggle" data-parent="#divInsurerList" data-toggle="collapse" href="#collapseOne{{_id}}">
<span rel="tooltip" title="DELETE"><label id="insDeleteView" class="icon-trash"></label></span>
<span rel="tooltip" title="EDIT"><label id="insUpdateView" class="icon-edit"></label></span>
<divclass="" style="display: table-cell">{{Name}}</div>
</a>
</div>
<div id="collapseOne{{_id}}" class="accordion-body collapse" style="height: 0px; ">
<div class="accordion-inner">
<div class="row-fluid">
<div class="span2">Name</div>
{{#isEdit}}<div class="span8"><input id="Name" class="span12" type="text" value=" {{Name}}" /><label id="updateins"></label></div> <div class="span1"><sup style="color: #a5072e"><b>*</b></sup></div><br />{{/isEdit}}
{{^isEdit}}<div class="name span9">{{Name}}</div>
<br />{{/isEdit}}
</div>
{{#isEdit}}<button id="insSaveView" class="btn btn-primary">Save</button>
<button id="insCancel" class="btn">Cancel</button>{{/isEdit}}
</div>
</div>
有一个DELETE和EDIT图标在<div class="accordion-heading">
每个这些图标的点击,无论是deleteTemplate或editTemplate应该LO负载和手风琴膨胀。 这样<div id="collapseOne{{_id}}" class="accordion-body collapse" style="height: 0px; ">
变成<div id="collapseOne{{_id}}" class="accordion-body in collapse" style="height: auto; ">
(class“in”和height:auto)这在Chrome和Firefox中工作正常,问题在IE中。 这是点击手风琴编辑图标的内容是不是“开放” 收起最初打破了IE浏览器,我固定通过修改引导的CSS如图
.collapse {
position: relative;
height: 0;
overflow: hidden;
//overflow: visible \9;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}
谁能说为什么手风琴不工作的“点击编辑图标?
在Bootstrap网站上有一个这样的例子在网页上,并且这个例子在IE9中工作? –
正在使用哪种文档模式/浏览器模式?打开开发工具(按F12)找出。 – thirtydot
@thirtydot文档模式/浏览器模式是IE/9(如开发人员工具中所示) – dany