2010-04-03 80 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的很好参考。