jQuery的 - 錯誤：語法錯誤，無法識別的表達式：＃

我有一個手風琴裏面的一些標籤，似乎並不合作，並在控制檯中的錯誤是：jQuery的 - 錯誤：語法錯誤，無法識別的表達式：＃

Error: Syntax error, unrecognized expression: #

我GOOGLE了錯誤並且似乎無法處理可能導致它的原因。從查看代碼看起來一切都很正常，因爲大部分情況都很簡單。

的HTML是：

<div class="access-privilages"> 
       <!-- Accordions --> 
       <div class="panel-group" id="accordion"> 
        <div class="panel panel-default"> 
         <div class="panel-heading"> 
          <h4 class="panel-title"> 
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse_hradmin">First</a> 
          </h4> 
         </div> 
         <div id="collapse_hradmin" class="panel-collapse collapse in"> 
          <div class="panel-body"> 

           <!-- Tabs --> 
           <ul class="nav nav-tabs"> 
            <li class="active"> 
             <a id="personal" href="#">Personal Information</a> 
            </li> 
            <li><a id="financial" href="#">Financial Information</a></li> 

           </ul> 
           <div class="tabContent" id="tabContent_personal"> 


           </div> 
           <div class="tabContent" id="tabContent_financial"> 

           </div> 

          </div> 
         </div> 
        </div> 
        <div class="panel panel-default"> 
         <div class="panel-heading"> 
          <h4 class="panel-title"> 
           <a data-toggle="collapse" data-parent="#accordion" href="#collapse_rmgadmin" class="collapsed">Second</a> 
          </h4> 
         </div> 
         <div id="collapse_rmgadmin" class="panel-collapse collapse"> 
          <div class="panel-body"> 
           <p>Second Section</p> 
          </div> 
         </div> 
        </div> 
       </div> 

      </div>

而且JS很簡單：

$(".nav a").click(function(e) { 
       $(this).tab("show"); 

       var tabContent = "#tabContent_" + this.id; 

       $("#tabContent_personal").hide(); 
       $("#tabContent_financial").hide(); 
       $(tabContent).show(); 
      });

這裏有一個Fiddle。有任何想法嗎？

來源

2017-08-31 Web Develop Wolf

.tab（）<---這個函數的一部分是什麼庫？這不是一個標準的jQuery函數 - 所以我懷疑你的問題在於任何與tab（）相關的庫 - 並且它正在用作你的hrefs的哈希值。嘗試在你的錨中使用「javascript：void（0）」而不是＃。 – Korgrue

你錯過了那裏的jQuery lib ...沒有更多 – Dekel

我認爲bootstrap？ –

Bootstrap使用href的內容來查詢應該顯示的容器。

但你的鏈接只有#爲href：

<a id="personal" href="#">

所以查詢將$('#')，那就是對錯誤信息的原因：如果你寫

：

<a id="personal" href="#tabContent_personal">

and

<a id="financial" href="#tabContent_financial">

它會正常工作。

來源

2017-08-31 16:19:40

jQuery的 - 錯誤：語法錯誤，無法識別的表達式：＃

回答

相關問題