JQuery not Working in chrome?
Posted
by Pete Herbert Penito
on Stack Overflow
See other posts from Stack Overflow
or by Pete Herbert Penito
Published on 2010-04-03T03:29:59Z
Indexed on
2010/04/03
3:33 UTC
Read the original article
Hit count: 477
Hi everyone!
I have some code here which works perfectly in firefox but not in chrome or IE,
my javascript is thus
` $(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"); }); }); `
and finally the css of the div looks like this, i think rather importantly it's aligned to the right of the browser: (the client login div looks similar just a different height)
` #contactUsPop { width:437px; right:-437px; margin-top:220px; position:fixed; height:217px; background-color:white; z-index:2; } `
so what happens in firefox is the div animates to the left and then when it closes it moves back to the right. when in chrome the div doesn't seem to pop up at all?
the URL of the site is this:
http://clearcreativegroup.com/devcorner/clear3/
the tabs are on the right hand side of the browser, any advice would help tons, thank you!
© Stack Overflow or respective owner