我只是厌倦了修复它,即当我放置图像幻灯片放映时页脚菜单无法正常工作。但是,如果我删除 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>
关于javascript - 如果我放置图像幻灯片放映,CSS 菜单无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18964831/