烬.js引导活动选项卡
Ember.js Bootstrap Active Tab
我使用Ember.js和Bootstrap来创建一个应用程序。该应用程序有2个路由accounts.devices.devices1和accounts.devices.devices2。我不需要路由帐户。设备,但它可以存在,如果需要的话。但不应该有一个链接。我遇到了积极的问题。在accounts.devices.devices1页面上,到Devices 1的链接被设置为活动,但我还想要到accounts.devices的链接。基本上,只要下拉菜单中的子元素是活动的,我也希望父元素是活动的。这不会设置父节点为活动状态,只会设置子节点为活动状态:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Devices<span class="caret"></span></a>
<ul class="dropdown-menu">
{{#link-to 'accounts.devices.devices1' tagName='li'}}<a href={{view.href}}>Devices 1</a>{{/link-to}}
{{#link-to 'accounts.devices.devices2' tagName='li'}}<a href={{view.href}}>Devices 2</a>{{/link-to}}
</ul>
</li>
这段代码将父节点设置为活动状态,但当单击下拉菜单而不是打开下拉菜单时,还创建了一个指向accounts.devices的链接。此外,设备1和设备2的链接也不起作用。
{{#link-to 'accounts.devices' tagName='li' class='dropdown'}}
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Devices<span class="caret"></span></a>
<ul class="dropdown-menu">
{{#link-to 'accounts.devices.devices1' tagName='li'}}<a href={{view.href}}>Devices 1</a>{{/link-to}}
{{#link-to 'accounts.devices.devices2' tagName='li'}}<a href={{view.href}}>Devices 2</a>{{/link-to}}
</ul>
{{/link-to}}
这应该怎么做?
添加disabled=true
到顶级link-to
:
{{#link-to 'accounts.devices' tagName='li' disabled=true class='dropdown'}}
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Devices<span class="caret"></span></a>
<ul class="dropdown-menu">
{{#link-to 'accounts.devices.devices1' tagName='li'}}<a href={{view.href}}>Devices 1</a>{{/link-to}}
{{#link-to 'accounts.devices.devices2' tagName='li'}}<a href={{view.href}}>Devices 2</a>{{/link-to}}
</ul>
{{/link-to}}
相关文章:
- 活动选项卡's源代码-获取变量s值
- 使用纯javascript而非jquery使所选选项卡处于活动状态并保持非活动状态
- 从Bootstrap获取活动选项卡ID并将其传递给PHP
- 使用 AngularJS 设置活动选项卡样式
- 我如何为列出的选项卡元素编写一个Protractor测试,它会检查它是否's是否处于活动状态
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- 如何在angular bootstrap ui中聚焦活动导航选项卡中的拳头输入字段
- 单击我网站中的链接时打开新选项卡,保持当前选项卡处于活动状态
- 引导导航选项卡未突出显示活动选项卡
- JQuery UI 1.11 将选项卡设置为活动状态
- 基于查询字符串的活动选项卡
- Chrome扩展-仅更改活动选项卡的default_icon
- 页面刷新后,所选选项卡处于非活动状态
- 使第二个选项卡处于第一个活动状态
- jQuery UI选项卡基于活动选项卡显示/隐藏图像
- 非活动选项卡容器内的选定宽度问题
- 如何在chrome扩展中检索活动选项卡、后台消息侦听器内部
- 如何仅在活动选项卡中获取选定选项的属性
- 使用jquery更改活动选项卡
- 使选项卡处于活动/非活动状态未显示正确的数据