Javascript 如果我放置图像幻灯片，CSS菜单无法正常工作

我只是想修复一下，当我放置图像幻灯片时，页脚菜单不能正常工作。但是如果我删除了一个javascript代码，那么图像幻灯片就不起作用了

javascript代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script> <!--if i remove this code then footer menu is working-->

    <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#ei-slider').eislideshow({
                animation           : 'center',
                autoplay            : true,
                slideshow_interval  : 3000,
                titlesFactor        : 0
            });
        });
    </script>
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/tabslide.js" type="text/javascript"></script>

页面的Javascript代码总数：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script> <!--if i remove this code then footer menu is working-->

    <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        $(function() {
            $('#ei-slider').eislideshow({
                animation           : 'center',
                autoplay            : true,
                slideshow_interval  : 3000,
                titlesFactor        : 0
            });
        });
    </script>
<script src="js/mootools.js" type="text/javascript"></script>
<script src="js/tabslide.js" type="text/javascript"></script>

$（函数（）{
$（“#ei滑块”）.eislideshow({
动画：“中心”，
自动播放：对，
幻灯片放映时间间隔：3000，
标题因子：0
});
});

我的网站链接：

---

您同时使用mootools和jquery，它们都使用“$”。因此，您需要使用jquery noconflict。将代码更改为以下内容：

    <script src="js/mootools.js" type="text/javascript"></script>
    <script src="js/tabslide.js" type="text/javascript"></script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0
/jquery.min.js"></script> <!--if i remove this code then footer menu is working-->

    <script type="text/javascript" src="js/jquery.eislideshow.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript">
        var $j = jQuery.noConflict();

        $j( document ).ready(function() {
            $j('#ei-slider').eislideshow({
                animation           : 'center',
                autoplay            : true,
                slideshow_interval  : 3000,
                titlesFactor        : 0
            });
        });
    </script>

var$j=jQuery.noConflict（）；
$j（文档）.ready（函数（）{
$j（“#ei滑块”）.eislideshow({
动画：“中心”，
自动播放：对，
幻灯片放映时间间隔：3000，
标题因子：0
});
});

很好，工作正常，但当我刷新页面时，请检查我的网站链接，然后几秒钟菜单就会弹出。为什么？你看到那个问题了吗？是的，我看到了。我不知道关于那个滑动控制的任何事情，但是你可能必须以“显示：无”的方式启动子菜单。另外，我更新了我的答案，因为您的代码没有将eislideshow包装在文档就绪调用中，应该是这样。好的，谢谢Barbara Laird。