我这里有一些代码可以在Firefox中完美运行,但不能在chrome或IE中运行,

我的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
{
    宽度:437px;
    右:-437px;
    margin-top:220px;
    位置:固定
    高度:217px;
    背景颜色:白色;
    z-index:2;
}
`


因此,在Firefox中发生的是div动画向左移动,然后在关闭时向右移动。在Chrome中,div似乎根本不弹出吗?

网站的网址是这样的:

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

标签位于浏览器的右侧,任何建议都会帮助您,谢谢!

最佳答案

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

10-07 22:52