1

我的主页中有一些导航药丸的以下代码，

   <div class="menu row-fluid text-center">
            <div class="span12">
                <ul class="nav nav-pills center-pills">
                    <li><a href='/report/' data-toggle="tab">Report</a></li>
                    <li><a href='/cachecheck/' data-toggle="tab">CacheCheck</a></li>
                    <li><a href='/lookup/' data-toggle="tab">Lookup</a></li>
                </ul>
            </div>

但是，当我单击其中一个链接时，出现错误，

Error: Syntax error, unrecognized expression: /report/

...它不会带我到链接。我在这里错过了一些简单的东西吗？

4

2 回答 2

1

据我所知，您必须使用带#（磅）符号的href值和id。

            <div class="span12">
                <ul class="nav nav-pills center-pills">
                    <li><a href='#report' data-toggle="tab">Report</a></li>
                    <li><a href='#cachecheck' data-toggle="tab">CacheCheck</a></li>
                    <li><a href='#lookup' data-toggle="tab">Lookup</a></li>
                </ul>
            </div>

见这里：http: //jsfiddle.net/Pu6jJ/

编辑（基于下面的对话：）

如果您只想拥有样式，而不是选项卡功能 - 删除 data-toggle 属性。

            <div class="span12">
                <ul class="nav nav-pills center-pills">
                    <li><a href='/report/'>Report</a></li>
                    <li><a href='/cachecheck/' >CacheCheck</a></li>
                    <li><a href='/lookup/'>Lookup</a></li>
                </ul>
            </div>

就这样！

于 2013-09-23T19:25:32.390 回答
1

因为您data-toggle="tab"的链接中有，所以引导程序认为这些是选项卡式显示的选项卡标题，并且href您提供的 's 是要显示的选项卡窗格的 ID。

data-toggle="tab"从您的链接中删除。

于 2013-09-23T19:22:45.190 回答