TMS滑块和jcarousellite插件仅在IE中工作

时间:2012-07-06 07:45:10

标签: jquery html

这是我的页面:

<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滑块可以工作。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

我也面临同样的问题。只需将旧的jquery更改为http://code.jquery.com/jquery-1.7.2.js

处的新jquery即可

希望,它会解决您的问题。

答案 1 :(得分:0)

或者您可以尝试直接使用jQuery而不是$来避免冲突..这是一项单调乏味的工作。但是您可以将它用作noConflict的一些小代码的选项。