jQuery向動態菜單添加類

我想用jQuery將一個類添加到動態生成的菜單中。我正在Business Catalyst上構建網站，因此我無法訪問服務器端代碼。我嘗試使用.addClass（）方法向我的ul項添加一個類。我這樣做是因爲我使用的是Twitter Bootstrap，Business Catalyst使用唯一的id而不是類來生成ul菜單。 我試過的代碼似乎沒有添加一個類到我的菜單中的ul元素。任何幫助，將不勝感激。jQuery向動態菜單添加類

代碼：

<div class="navbar"> 
    <div class="navbar-inner"> 
     <div class="container"> 
      {module_menu,14623} 
     </div> 
    </div> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#nav_14623").addClass("nav"); 
}); 
</script>

網址： http://jshub.designangler.com/

來源

2013-08-22 Phorden

請描述什麼是不工作。 –

當我打開開發者控制檯時，我看到一個錯誤，說$沒有被定義，但是，如果你在控制檯輸入$（「＃nav_14623」）。addClass（「nav」）;,它會添加類，所以帕特提到，發生了什麼？ –

「$未定義」表示jQuery尚未加載。該腳本是否在您發佈的JavaScript代碼段下面的頁面中引用？ –

包括jQuery代碼之前，你必須把你的腳本代碼它

Currenttly看起來像後添加腳本代碼：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("ul#nav_14623").addClass("nav"); 
    }); 
</script> 
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script type="text/javascript" src="/js/bootstrap.js" /></script>

必須

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script type="text/javascript" src="/js/bootstrap.js" /></script> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("ul#nav_14623").addClass("nav"); 
    }); 
</script>

來源

2013-08-22 20:13:29

Derp> _ < 謝謝。我是一個虛擬的人。 =） – Phorden

運行這個測試你是否擁有jQuery的第一：

<script> 
$(function(){ 

alert('jQuery ok!') 
}) 

</script>

如果你得到一個警告，然後jQuery是那裏，如果沒有，那麼沒有jQuery的安裝或設置不正確。

來源

2013-08-22 20:16:11 ErickBest

jQuery向動態菜單添加類

回答

相關問題