ruby on rails 中的引导选项卡控制器答案

【问题标题】：bootstrap tab controller in ruby on railsruby on rails 中的引导选项卡控制器
【发布时间】：2013-02-27 08:49:40
【问题描述】：

在 application.html.erb 文件中，我有以下代码来显示选项卡控制器。

<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js"></script>


<div class="tabbable">
           <ul class="nav nav-tabs">
             <li class="active"><a href="https://www.google.co.in" data-toggle="tab">Individual</a></li>
             <li><a href="https://www.yahoo.com" data-toggle="tab">All</a></li>
           </ul>

        </div>

它们显示正确，单击链接时选项卡会发生变化。但问题是 href 不起作用。它没有重定向。

【问题讨论】：

你想达到什么目的？此代码不完整。默认情况下，individual 选项卡处于活动状态，即使您单击 All 选项卡，也将始终保持活动状态。您没有以任何方式更改点击的标签。
jsfiddle.net/SzVrs/21
请看一下这个..标签在点击事件中发生变化。但不会重定向到页面

标签： ruby-on-rails ruby-on-rails-3 twitter-bootstrap

【解决方案1】：

这是因为您在链接中添加了data-toggle="tab"。

如果您从代码中删除 data-toggle="tab"，链接将起作用。

但这不是正确的显示方式，因为您想要的内容位于选项卡中，这将打开您在 url 中提供的其他网站的链接。

方法是使用一些哈希名称定义每个链接 url 路径，然后使用它在点击时调用您的 url。

您可以使用 javascript 来做到这一点。方法见thisSO贴。

【讨论】：