我在我的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