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>