jquery与车把链接的href冲突

我有一个href，当我把鼠标悬停在它上面显示正确的链接。使用车把。jquery与车把链接的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 -->

来源

2015-04-22 NorCalKnockOut

听起来像是你有一个jQuery听众收听点击或悬停或东西，它正试图解析HREF - 你可以检查错误是在 –

啊甩线，所以如果我删除'数据切换'的链接工作，但现在的标签不 – NorCalKnockOut

你可以请分享您的标签切换代码？ – UFM

基本上你是用 “/” 在href属性。它应该是内容标签的ID，Jquery选择器不能以“/”开头。

<ul class="nav nav-tabs" role="tablist"> 
     {{!-- should use prefix with id like "tab"--}} 
     {{#each this}} 
    <li role="presentation"><a href="#tab{{this.TabID}}" data-toggle="tab">{{this.TabName}}</a></li> 
     {{/each}} 
    </ul> 
    <div class="tab-content"> 
     {{#each this}} 
    <div role="tabpanel" class="tab-pane" id="tab{{this.TabID}}">{{this.TabName}}</div> 
     {{/each}} 
    </div>

jsfiddle

来源

2015-08-02 11:28:53 UFM

jquery与车把链接的href冲突

回答

相关问题