jquery与车把链接的href冲突

Question

我有一个href，当我将鼠标悬停在它上面时显示正确的链接。 使用把手。

{{#each tabs}} <li><a href="/tabs/{{this.TabID}}" data-toggle="tab">{{this.TabName}}</a></li> {{/each}}

当我点击它时，我得到了一个 Uncaught Error: Syntax error, unrecognized expression: /tabs/1

如果我从页面中删除jQuery它工作正常，但我需要jQuery用于页面的其余部分。

有什么想法吗？

编辑：

<div id="content">      
<div id="content-container">
     <div class="tabbable">
        <ul class="nav nav-tabs">
            {{#each tabs}}
            <li><a href="/{{this.TabID}}" data-toggle="tab">{{this.TabName}}</a></li>
            {{/each}}
        </ul>
        <div class="tab-content">
            {{#each tabs}}
            <div id="{{this.TabID}}" class="tab-pane">
                <h4>{{this.TabName}}</h4>
            </div>
            {{/each}}
        </div><!-- /.tab-content -->
        <div>
            {{#each servers}}
                <h4>{{this.ServerName}}</h4>
            {{/each}}
        </div>
    </div><!-- /.tabbable -->
</div> <!-- content-container -->

Answer 1

基本上你在href属性中使用“/”。它应该是内容选项卡的id，而Jquery选择器不能以“/".

开头

l

jsfiddle