jquery滑塊不工作在IE瀏覽器，在鉻，火狐工作

我有一個滑塊的問題，它不工作在IE瀏覽器，我在IE 7和8測試，我不能看到它，請幫助這是我的代碼jquery滑塊不工作在IE瀏覽器，在鉻，火狐工作

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

來源

2012-11-06 job kwemoi

控制檯中的任何錯誤？不工作是什麼意思？ – Johan

我看不到移動的圖像，這行代碼'marginLeft'上的一些錯誤：slideWidth *（-currentPosition），我使用的是俄文版的IE，錯誤翻譯爲'假設存在'}'' –

嗯，試試換行像這樣的代碼'（slideWidth *（-currentPosition））'。另外，我認爲你需要添加「px」。 '（slideWidth *（-currentPosition））+'px'' – Johan

這是我在IE7中發現的錯誤：

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

請讓我知道是否能解決你的問題。

來源

2012-11-06 20:42:58 Johan

仍然不能正常工作 –

@jobkwemoi請更具體一些。我用IE7進入頁面，我沒有任何錯誤。我如何重現問題？ – Johan

我也沒有在控制檯上的錯誤，滑塊上的圖像不顯示，但當我檢查元素F12的藍色熒光筆，我可以看到運動（幻燈片），但cannnot看到的圖像 –

jquery滑塊不工作在IE瀏覽器，在鉻，火狐工作

回答

相關問題