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衝突

回答

相關問題