2010-09-16 74 views
0

我寫的jQuery的幾行根據鼠標的移動jQuery的動畫不使用Chrome/Safari瀏覽器/ IE

$(".galleryNav").mousemove(function(e){ 
    $("#status").html(e.pageX +', '+e.pageY); 

    if(e.pageX > 1100 && e.pageX < 1170){ 
    $(".galleryNav").animate({marginLeft:"-60px"},{queue: false, duration: 450}); 
    } 

    if(e.pageX > 410 && e.pageX < 465){ 
    $(".galleryNav").animate({marginLeft:"10px"},{queue: false, duration: 450}); 
    } 
}); 

它工作在Firefox罰款動畫一個div的左/右,但沒有任何反應在鉻,Safari或IE。

有什麼建議嗎?

+0

您使用的是哪個版本的jQuery? – jmav 2010-09-16 13:58:35

回答

0

對我來說,工作正常枝條的jQuery 1.4.2 + UI 8. 檢查你的CSS。

0

在鉻合金工作正常http://jsfiddle.net/x9eZY/也許問題在別處?你有你的包裹腳本$(function(){})像這樣:

$(function(){ 
    $(".galleryNav").mousemove(function(e){ 
     $("#status").html(e.pageX +', '+e.pageY); 

     if(e.pageX > 1100 && e.pageX < 1170){ 
     $(".galleryNav").animate({marginLeft:"-60px"},{queue: false, duration: 450}); 
     } 

     if(e.pageX > 410 && e.pageX < 465){ 
     $(".galleryNav").animate({marginLeft:"10px"},{queue: false, duration: 450}); 
     } 
    }); 
}) 
​ 
+0

yes其全部在$(document).ready(function(){}); – bell 2010-09-16 14:15:28

3

我正是這個問題...我動畫的divposition:absolute。對我來說固定的是在css中設置topleft。一旦我加入他們賓果遊戲它工作!