错误：$(“#menu ul.menu").lavalamp不是函数

Question

亲爱的所有人..我有个问题。在firebug展示中：$("#menu ul.menu").lavaLamp不是menu.js中的函数

悬停在菜单上时未显示。这个问题在我放了这个之后显示出来：

<style type="text/css">
                * { margin:0 auto;
                    padding:0;
                    }
                body{
                                weigth:800px;
                                overflow:auto;
                                }
                div#menu {
                                margin:40px 0 0 95px;
                                text-align:center;
                                position:absolute;
                                }
                div#menu span {
                                font-size:22px;
                                padding-left:14px;
                                }
                div#copyright {

                                font:11px 'Trebuchet MS';
                                color:#fff;
                                text-align:center;
                                clear:left;
                                position:absolute;
                                top:546px;
                                width:560px;
                                }
                div#copyright a { color:#fff; }
                div#copyright a:hover { color:#fff; }
        </style>

 <div id="menu">
        <ul class="menu">
            <li><a href="index1.php" class="parent"><span>Home</span></a></li>
            <li><a href="#" class="parent"><span>Inspection</span></a>
                    <div>
                        <ul>
                            <li><a href="inspection_report1.php#tabs-1"><span>Inspection Report</span></a></li>
                            <li><a href="inspection_report1.php#tabs-2"><span>Input Data</span></a></li>
                        </ul>
                    </div>
            </li>
            <li><a href="#"><span>Statistics</span></a>
                    <div>
                            <ul>
                                    <li><a href="monitoring.php"><span>Monitor</span></a></li>
                            </ul>
                    </div>
            </li>
            <li class="last"><a href="#"><span>Contacts</span></a></li>
       </ul>
    </div>

Answer 1

我认为你需要修复你的html才能和lavalamp一起工作。

请你好好阅读这个链接，我希望你会发现这一点，http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

谢谢

Answer 2

简单的答案是这样的类型：

<link type="text/css" href="menu bar/menu.css" rel="stylesheet" />
  <script type="text/javascript" src="menu bar/jquery.js"></script>
  <script type="text/javascript" language="javascript" src="js/jquery-1.4.2.min.js"></script>   //dont copy-paste this script
  <script type="text/javascript" src="menu bar/menu.js"></script>

Answer 3

出现该错误的原因是因为在调用函数之前没有加载lavalamp脚本。使用klox提供的示例，并按以下顺序加载脚本：

-jQuery
-lavalamp
-your initialisation code