Ruby on rails 4 Twitter引导选项卡导航-链接失败
Rails 4,Ruby 2.0 我们在右侧有一个选项卡导航菜单,但是当您点击任何容器并加载内容时,主页的顶部链接(Kit Jacket)停止工作 复制: 单击任何容器中的任何“更多”链接。 在窗口中加载内容。 主页“工具包护套”的顶级链接将不起作用。 单击右侧导航窗口中的任何其他导航链接。 在窗口中加载内容。 “工具包护套”的顶级链接如何工作 Bio部分也会发生同样的行为,它不在选项卡式窗格中 我们使用了bootstrap选项卡标记方法,没有使用额外的JavaScript(data toggle=“tab”) 第页: 吉特回购:Ruby on rails 4 Twitter引导选项卡导航-链接失败,ruby-on-rails-4,tabs,navigation,twitter-bootstrap-3,Ruby On Rails 4,Tabs,Navigation,Twitter Bootstrap 3,Rails 4,Ruby 2.0 我们在右侧有一个选项卡导航菜单,但是当您点击任何容器并加载内容时,主页的顶部链接(Kit Jacket)停止工作 复制: 单击任何容器中的任何“更多”链接。 在窗口中加载内容。 主页“工具包护套”的顶级链接将不起作用。 单击右侧导航窗口中的任何其他导航链接。 在窗口中加载内容。 “工具包护套”的顶级链接如何工作 Bio部分也会发生同样的行为,它不在选项卡式窗格中 我们使用了bootstrap选项卡标记方法,没有使用额外的JavaScript(data toggl
在这个工具箱里
-
{:切换=>“选项卡”}%>
-
{:切换=>“选项卡”}%>
-
{:切换=>“选项卡”}%>
-
{:切换=>“选项卡”}%>
-
{:切换=>“选项卡”}%>
-
{:切换=>“选项卡”}%>
-
单击右侧的链接时,Bootstrap会将类.active
设置为该链接的父级
。除了为样式设置提供挂钩外,如果再次单击该链接,这还可以防止引导启动触发淡出/淡入动画
问题在于-由于您触发的选项卡位于该选项卡组之外,因此引导不会删除.active
类。请参见下图了解我所说的内容
移除该类,您的“工具包护套”链接将再次工作。我建议有两种主要的方法来处理移除
- 将侦听器添加到“更多…”链接,以删除活动类。这可能有点棘手,实际上,通过
数据切换
属性添加的侦听器引导程序与此冲突
- 根本不要使用“更多…”链接上的
数据切换
属性。相反,创建一个侦听器,为“新闻稿”链接触发单击操作。在“更多…”和“新闻稿”链接中添加ID,然后执行以下操作:
$('#morelink').on('click', function(e) {
e.preventDefault();
$('#pressrelease').click();
}
我没有完全遵循javaScript解决方案,无法使其工作;然而,当我知道.active类并没有被.nav列表之外的链接删除时,我笑了。因此,我提出了一个解决方案,不是优雅的解决方案,而是一个解决方案:当在菜单列表中单击Kit Jacket链接时,我只需刷新页面,但它位于自己的名称空间中。内容已经在缓存中,因此刷新实际上是即时的。我真的很想用一种更专业的方式来做这件事,就像你一样。你有什么参考资料可以让我学习吗?谢谢
$('#morelink').on('click', function(e) {
e.preventDefault();
$('#pressrelease').click();
}