JQuery не работает в Chrome? - PullRequest
Новая
       41

JQuery не работает в Chrome?

0 голосов
/ 03 апреля 2010

У меня есть некоторый код, который отлично работает в 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");
                });
});
`

и, наконец, CSS-файл div выглядит следующим образом, я думаю, что довольно важно, он выровнен по правому краю браузера: (клиентский логин div выглядит похожим просто на другой высоте) 

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

так что в firefox происходит то, что div оживляет влево, а затем, когда закрывается, движется обратно вправо. когда в Chrome div вообще не появляется?

URL-адрес сайта:

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

вкладки находятся на правой стороне браузера, любой совет поможет, спасибо!

Ответы [ 4 ]

2 голосов
/ 03 апреля 2010 
$("#clientLoginPop").animate({"right": "+=400px"}, "fast");
1 голос
/ 03 апреля 2010

Я обычно использую CSS float или position: absolute; настроить веб-интерфейс.

для использования позиции CSS: абсолютно эффективно, используйте позицию: относительно родительского блока.

это хорошая ссылка для создания войдите как twitter .

1 голос
/ 03 апреля 2010

В Chrome ... когда вы нажимаете на якорь, он появляется в дальнем левом углу окна и перемещается влево.

Вы пытались задать левым / правым свойствам определенное значение вместо того, чтобы добавлять или вычитать его?

например: 

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

в паре с 

$("#clientLoginPop").animate({"left": "400px"}, "fast");
1 голос
/ 03 апреля 2010

Я думаю, что Chrome и Firefox интерпретируют его по-разному, когда вы назначаете свойства left и right. Попробуйте вместо этого анимировать свойство right или удалите его перед анимацией left.

...