2012-11-22 70 views
3

我在我的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>&nbsp; 
    <button id="insCancel" class="btn">Cancel</button>{{/isEdit}} 
</div> 
</div> 

有一個DELETEEDIT圖標在<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; 
} 

誰能說爲什麼手風琴不工作的「點擊編輯圖標?

+0

在Bootstrap網站上有一個這樣的例子在網頁上,並且這個例子在IE9中工作? –

+0

正在使用哪種文檔模式/瀏覽器模式?打開開發工具(按F12)找出。 – thirtydot

+0

@thirtydot文檔模式/瀏覽器模式是IE/9(如開發人員工具中所示) – dany

回答

0

我不相信//評論在CSS中工作。使用/ *評論*/