2012-11-22 71 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中工作。使用/ *评论*/