这是我的页面:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<!--box slider-->
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jcarousellite1.0.1_min.js"></script>
<!--jquery no conflict-->//i used noconflict to use these sliders in IE
<script type="text/javascript">
$.noConflict();
jQuery(document).ready(function($) {
// Code that uses jQuery's $ can follow here.
$(window).load(function() {
$("#slidertext").jCarouselLite({ //i used jcarousellite plugin two times,this is the first one
btnNext: ".next",
btnPrev: ".prev"
});
});
$(window).load(function() { //second jcarousellite plugin
$("#slidertext2").jCarouselLite({
btnNext: ".next2",
btnPrev: ".prev2"
});
});
});
// Code that uses other library's $ can follow here.
</script>
<!--no conflict end-->
<!--banner slider-->
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Vegur_300.font.js"></script>
<script type="text/javascript" src="js/PT_Sans_700.font.js"></script>
<script type="text/javascript" src="js/PT_Sans_400.font.js"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<!--banner slider end-->
</head>
<body>
.............
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
$(window).load(function(){
$('#slider')._TMS({
banners:true,
waitBannerAnimation:false,
preset:'diagonalFade',
easing:'easeOutQuad',
pagination:true,
duration:400,
slideshow:8000,
bannerShow:function(banner){
banner.css({marginRight:-500}).stop().animate({marginRight:0}, 600)
},
bannerHide:function(banner){
banner.stop().animate({marginRight:-500}, 600)
}
})
})
</script>
</body>
</html>
我的页面中有3个滑块,一个图像滑块和两个jcarousel lite插件。它在IE中运行良好。但在其他浏览器中,只有TMS滑块可以工作。我该如何解决这个问题?
答案 0 :(得分:0)
我也面临同样的问题。只需将旧的jquery更改为http://code.jquery.com/jquery-1.7.2.js
处的新jquery即可希望,它会解决您的问题。
答案 1 :(得分:0)
或者您可以尝试直接使用jQuery而不是$来避免冲突..这是一项单调乏味的工作。但是您可以将它用作noConflict的一些小代码的选项。