2010-04-03 116 views
0

我在這裏一些代碼,完美的作品在Firefox,而不是在Chrome或IE瀏覽器,JQuery不工作在鉻?

我的JavaScript因此

 
` 
$(document).ready(function() { 
       $("#clientLoginPop").show();         
       $("#clientLoginPop").animate({"left": "-=400px"}, "fast"); 
       }); 
       $("#clientLoginCloseLink").click(function() { 
       $("#clientLoginPop").animate({"left": "+=400px"}, "fast"); 
       }); 
       $("#contactUsPopLink").click(function() { 
       $("#contactUsPop").show(); 
       $("#contactUsPop").animate({"left": "-=437px"}, "fast"); 
       }); 
       $("#contactUsClose").click(function() { 
       $("#contactUsPop").animate({"left": "+=474px"}, "fast"); 
       }); 
}); 
` 

最後的div CSS是這樣的,我覺得比較重要的是它是對齊到瀏覽器的權利:(客戶端登錄的div類似於只是一個不同的高度)

 
` 
#contactUsPop 
{ 
    width:437px; 
    right:-437px; 
    margin-top:220px; 
    position:fixed; 
    height:217px; 
    background-color:white; 
    z-index:2; 
} 
` 

在Firefox,所以會發生什麼是div動畫播放至左側,然後將其關閉時,它移回右。在鉻中,div似乎根本不會彈出?

該網站的網址是:

http://clearcreativegroup.com/devcorner/clear3/

的選項卡上的瀏覽器的右側,任何建議將幫助噸,謝謝!

回答

2
$("#clientLoginPop").animate({"right": "+=400px"}, "fast"); 
+0

這工作謝謝人 – 2010-04-05 16:38:38

1

我認爲當您同時指定leftright屬性時,Chrome和Firefox會對它進行不同的解釋。試試動畫right屬性,或者在動畫left之前將其刪除。

1

在chrome ...第一次點擊錨時,它會出現在窗口的最左側並移動到左側。

您是否嘗試將左/右屬性設置爲特定值而不是添加或減去它?

例如:

$("#clientLoginPop").animate({"left": "-1000px"}, "fast"); 

配對

$("#clientLoginPop").animate({"left": "400px"}, "fast"); 
1

我通常使用CSS浮動,或位置是:絕對;調整網頁界面。

要使用CSS位置:絕對有效,請在父塊上使用position:relative。

這是創建login like twitter的很好參考。