jquery問題 - 菜單不起作用

Question

我試圖讓主題中的lavalamp菜單工作，但它似乎並不想要發生！

我已檢查並重新檢查文件的路徑等 - 但無濟於事。

任何想法，將不勝感激！ http://missjennifer.net/srini/

謝謝

Answer 1

看來您正在嘗試爲您的HTML元素使用數字ID。 HTML element ids must begin with a letter。由於你的HTML無效，你的選擇器$（「＃1，＃2，＃3」）評估爲空，因此你會得到一個javascript錯誤。

我的解決辦法是給你的標籤一類 - 如「lavamenu」，然後爲你的插件應用類選擇：

$('.lavamenu').lavalamp(...); 

更新：

由於您還使用MooTools，你需要在noConflict模式下使用jQuery。您可以通過這樣做：

var $jq = jQuery.noConflict(); 

那麼只要你會使用jQuery的$函數，只需使用$ JQ。請注意，在加載jQuery之後，但在加載任何衝突的JavaScript庫之前，您需要調用noConflict（）。關於noConflict()的更多信息可以在jQuery網站上找到，以及關於how to use jQuery with other libraries的想法。

$jq(function() { 
    $jq('.lavamenu').lavalamp(...); 


}); 

Answer 2

作爲一個經驗法則，你的元素的ID不應該以數字開頭。你已經給出了1,2和3的ID - 嘗試將它們改爲menu1，meny2和menu3，並調整腳本中的id。

$("#menu1, #menu2, #menu3").lavaLamp({ 

Answer 3

請更改

<script type="text/javascript"> 
     $(function() { 
      $("#1, #2, #3").lavaLamp({ 
       fx: "backout", 
       speed: 700, 
       click: function(event, menuItem) { 
        return false; 
       } 
      }); 
     }); 
    </script> 

到

<script type="text/javascript"> 
     $(function() { 
      $("A").lavaLamp({ 
       fx: "backout", 
       speed: 700, 
       click: function(event, menuItem) { 
        return false; 
       } 
      }); 
     }); 
    </script> 

Answer 4

你還不如更改標識類

<script type="text/javascript"> 
    $(function() { 
     $(".menuitem").lavaLamp({ 
      fx: "backout", 
      speed: 700, 
      click: function(event, menuItem) { 
       return false; 
      } 
     }); 
    }); 
</script>