-1

在 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 不起作用。它没有重定向。

4

1 回答 1

2

这是因为您已将 放在data-toggle="tab"您的链接中。

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

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

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

这可以用 javascript 来完成。有关方式，请参见此SO 帖子。

于 2013-02-27T10:15:19.547 回答