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

CSS menu is not working properly if i place my Image slide show

本文关键字：常工作 工作 菜单 图像 幻灯片 CSS 如果      更新时间：2023-09-26

我只是厌倦了修复它，那就是当我放置图像幻灯片时，页脚菜单无法正常工作。但是如果我删除 javascript 代码，那么图像幻灯片放映将不起作用。

一个JavaScript代码： 

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

页面的 Javascript 代码总数：

<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>

我的网站链接： http://creativeartbd.com/BCSA/

你同时使用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>
相关文章：