AngularJS Bootstrap Tabset 选项卡在 IE8 中不起作用的选项卡之间的选项卡导航
AngularJS Bootstrap Tabset tab navigation between tabs not working in IE8
该应用程序都很好,可以在现代浏览器中运行。但是,我需要它在Internet Explorer 8中工作,并且似乎我的选项卡的ng-repeat不起作用。我无法在选项卡之间导航,悬停和活动选项卡正在工作,但内容没有变化。
看看我的代码。
.HTML
<ul tabset id="tab-control">
<ul tab class="dropdown-toggle" ng-repeat="tab in tabs" heading="{{tab.Name}}"
id="{{tab.codeListe}}" active="tab.active" disabled="tab.disabled" ng-click="tab_click(tab.codeListe, $index)"
ng-right-click="rightClick()" ng-mouseover="tab_hover()" ng-mouseleave="tab_leave(tab.codeListe,tab.Name)" icon-pos>
<!-- ng-repeat should fire here -->
<section class="accordion">
<!-- Content Goes here -->
</section>
</ul>
</ul>
这些是我使用现代浏览器时的元素,它工作得很好。 (来自ChromeDevTools)。
<ul class="nav nav-tabs" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude="" style="width: 600px; position: absolute; left: 0px; top: 0px; display: block;">
<!-- ngRepeat: tab in tabs -->
<!-- <li> contains my ng-click and my ng-rightclick functions. I need them.-->
<li ng-class="{active: active, disabled: disabled}" tab="" class="dropdown-toggle ng-isolate-scope" ng-repeat="tab in tabs" heading="1A Test" id="126279" active="tab.active" disabled="disabled" ng-click="tab_click(tab.codeListe, $index)" ng-right-click="rightClick()" ng-mouseover="tab_hover()" ng-mouseleave="tab_leave(tab.codeListe,tab.Name)" icon-pos="" style="width: 200px;">
<a ng-click="select()" tab-heading-transclude="" class="ng-binding wrap" style="">1A Test</a>
<div class="close-tab icon-delete"></div>
</li>
<!-- end ngRepeat: tab in tabs -->
<li ng-class="{active: active, disabled: disabled}" tab="" class="dropdown-toggle ng-isolate-scope" ng-repeat="tab in tabs" heading="1B Test" id="126290" active="tab.active" disabled="disabled" ng-click="tab_click(tab.codeListe, $index)" ng-right-click="rightClick()" ng-mouseover="tab_hover()" ng-mouseleave="tab_leave(tab.codeListe,tab.Name)" icon-pos="" style="width: 200px;">
<a ng-click="select()" tab-heading-transclude="" class="ng-binding wrap" style="">1B Test</a>
<div class="close-tab icon-delete"></div>
</li>
<!-- end ngRepeat: tab in tabs -->
</ul>
这个来自我的IE8开发人员工具。
<div class="tabbable ng-isolate-scope" id="tab-control" tabset="" jQuery17106089792077578351="109">
<ul class="nav nav-tabs" style="width: 968px;" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude="" jQuery17106089792077578351="110">
<!-- ngRepeat: tab in tabs -->
<!-- nothing happens here. <li> from ng-repeat does not append
This is my main problem, because this contains the click and
rightclick function I need to navigate between tabs-->
</ul>
</div>
选项卡集视图还可以,我遵循了这个。AngularUI - 兼容的浏览器
更新。
我的函数没有问题,所以我没有包括它。
Angular 1.3 已经放弃了对 ie8 的支持。
相关文章:
- 在Internet Explorer中,向所选内容添加选项不起作用
- Angular js-ng选项不起作用
- 传单地图“中心”选项不起作用
- DateBox的dateFormat选项不起作用
- 双击已添加的选择选项不起作用
- jquery ui自动完成combox重新创建选项不起作用
- 谷歌地图中心选项不起作用
- jQuery多选:计数未选择的选项不起作用
- 简单的工具提示插件 - 点击选项不起作用 - jQuery
- AngularJs 选择 ng 选项不起作用
- j查询更改选择选项不起作用
- 在给定现有答案的情况下,更改日期选择器中的 minDate 选项不起作用
- JavaScript 数据表过滤器选项不起作用
- 主干表单提交按钮选项不起作用
- UglifyJS2 , -m 排序选项不起作用
- 在 elgg 中,jQuery 日期选择器选项不起作用
- 删除裁剪后,图像可拖动选项不起作用
- Typeahead.js预取选项不起作用
- 使用javascript选择另一个选项后,循环隐藏选项不起作用
- 完整日历选项不起作用