手风琴切换不适用于IE 11(bootstrap 3)

时间:2015-11-26 13:12:38

标签: css angularjs twitter-bootstrap-3

以下粘贴代码在Chrome和Firefox上运行良好,但最新的IE版本没有显示手风琴转换崩溃。

Chrome和FF屏幕截图:https://drive.google.com/file/d/0BwCdx1TYINUsQjIwdnlhVDN5eGM/view?usp=sharing

它在IE上的显示方式: https://drive.google.com/file/d/0BwCdx1TYINUsajE5eExicmlaejg/view?usp=sharing

               <div class="panel-collapse" collapse="!client.isDaySelected">
            <div class="panel-body container-fluid">

                <div class="col-lg-12">
                    <div class="panel panel-default" >
                        <div class="panel-heading">Select Goal/Allowable services for Data Collection</div>
                        <div class="panel-body">
                            <div class="pull-right">
                                <button type="button" class="btn btn-default btn-md" ng-click="">Absences</button>
                                <button type="button" class="btn btn-default btn-md" ng-click="hospitialization()">Hospitialization</button>
                            </div>
                            <br />
                            <div style="overflow-x:scroll;width:100%;">
                            <table class="table table-condensed table-responsive" style="border-collapse: collapse;">

                                <thead>
                                    <tr>
                                        --table headers
                                    </tr>
                                </thead>

                                <tbody ng-repeat="service in serviceDetails">
                                    <tr>
                                        <td>
                                            <button data-toggle="collapse" data-target="#tr_{{service.ResHabOutId}}" class="accordion-toggle btn btn-default btn-xs"><span class="glyphicon glyphicon-eye-open"></span></button>
                                        </td>
                                        -- some more tds

                                    </tr>
                                    <tr>
                                        <td colspan="12" class="hiddenRow">
                                            <div class="accordian-body collapse" id="tr_{{service.ResHabOutId}}" ng-if="service.lstDataCollectionSummary.length">
                                                <table class="table table-striped" style="outline: 1px solid black;">
                                                    <thead>
                                                      --some rows
                                                    </thead>
                                                    <tbody>
                                                       --some rows
                                                    </tbody>
                                                </table>

                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                                </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>

如果您注意到我在tbody上使用了ng-repeat(对于Simplicity),因为我想在每个目标的基础上显示数据。

如果需要,我可以粘贴链接和js引用以供审核。 有什么帮助吗?

0 个答案:

没有答案