jquery滑块在IE中不起作用,适用于chrome,firefox

时间:2012-11-06 19:07:27

标签: jquery internet-explorer firefox google-chrome slider

我有一个滑块的问题,它不能在Internet Explorer中工作,我在IE 7和8测试过,我看不到它,请帮忙 这是我的代码

<script type="text/javascript">
             $(document).ready(function() {
                var currentPosition = 0;
                var slideWidth = 200;
                var slides = $('.slider_move2');
                var numberOfSlides = slides.length;
                var slideShowInterval;
                var speed = 3000;

                slideShowInterval = setInterval(changePosition, speed);                 
                slides.wrapAll('<div id="slidesHolder2"></div>')                    
                slides.css({ 'float' : 'left' });                   
                $('#slidesHolder2').css('width', slideWidth * numberOfSlides);                  

                  function changePosition() {
                        if (currentPosition > 0) {
                            $('#slidesHolder2').css('marginLeft',0)
                                .children().first().appendTo('#slidesHolder2');
                        } else {
                            currentPosition += 1;
                        }
                        moveSlide();
                    }


                function moveSlide() {
                    $('#slidesHolder2').animate({
                        'marginLeft': slideWidth * (-currentPosition)
                    });
                }

        }); 
    </script>

1 个答案:

答案 0 :(得分:0)

这是我在IE7中发现的错误:

imgWrap.animate({
    top: '0px',
    left: '135px',
    width: '700px',
    height: '400px', //<--- Remove the comma
}, sotiData.speedImg, function(){
    imgWrap.attr('onclick',  "sotBigImageHide('" + topW2 + "', '" + leftW2 + "')");
});

如果它解决了您的问题,请告诉我。