Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 4 Twitter引导选项卡导航-链接失败_Ruby On Rails 4_Tabs_Navigation_Twitter Bootstrap 3 - Fatal编程技术网

Ruby on rails 4 Twitter引导选项卡导航-链接失败

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

Rails 4,Ruby 2.0

我们在右侧有一个选项卡导航菜单,但是当您点击任何容器并加载内容时,主页的顶部链接(Kit Jacket)停止工作

复制:

单击任何容器中的任何“更多”链接。 在窗口中加载内容。 主页“工具包护套”的顶级链接将不起作用。 单击右侧导航窗口中的任何其他导航链接。 在窗口中加载内容。 “工具包护套”的顶级链接如何工作

Bio部分也会发生同样的行为,它不在选项卡式窗格中

我们使用了bootstrap选项卡标记方法,没有使用额外的JavaScript(data toggle=“tab”)

第页:

吉特回购:


在这个工具箱里
  • {:切换=>“选项卡”}%>
  • {:切换=>“选项卡”}%>
  • {:切换=>“选项卡”}%>
  • {:切换=>“选项卡”}%>
  • {:切换=>“选项卡”}%>
  • {:切换=>“选项卡”}%>

  • 单击右侧的链接时,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();
    }