jQuery插件LavaLamp与jQuery周期冲突

Question

我怀疑jQuery插件LavaLamp和jQuery插件周期之间存在冲突。在我添加了cycle all脚本之前，lavalamp运行得很好

有效lavalamp菜单的URL是http://www.eastover.plus.com/consultantnet

带有jQuery周期的lavalamp菜单的URL是http://www.eastover.plus.com/consultantnet/slideshow.html

有人知道我做错了什么吗？

Answer 1

问题是您不止一次地包含jQuery脚本文件。具体地说，导致问题的原因是在加载LavaLamp插件之后加载了一次jQuery，从而覆盖了用插件扩展的$的定义。

<!-- jQuery is first included here; $ is defined -->
<script type="text/javascript" src="sitefiles/jquery.js"></script>
<script type="text/javascript" src="sitefiles/easing.js"></script>
<script type="text/javascript" src="sitefiles/easingfix.js"></script>

<!-- then your LavaLamp plugin is included here; $.fn.LavaLamp is defined -->
<script type="text/javascript" src="sitefiles/lavalamp.js"></script>
<script type="text/javascript" src="sitefiles/imagecycle.js"></script>
...

<!-- Now, later on, jQuery is included again; $ is overwritten
     and $.fn.LavaLamp is lost -->
<script type="text/javascript" src="js/jquery.min.js"></script>

Answer 2

您有2行代码，其中包含jquery.js。您只能有1。而且您在这一行中有一个错误的命名：<ul id="1" class="lavaLamp">。您可以将其重命名为类似于id="menu1"的名称。