fadeIn() fadeOut() Não funciona no Google Chrome!

[Guilherme Moreira]

Bom dia pessoal, to com outro problema...

os m�todos fadeIn/Out() n�o est�o funcionando no google crome, o que
est� acontecendo?!

O c�digo est� em
http://pastebin.com/f7fc97f0f

--
Guilherme Moreira
Designer e desenvolvedor web
+55 11 8842-3204
www.guilhermemoreira.com.br
con...@guilhermemoreira.com.br

[Juarez Gonçalves Nery Junior]

fonte html?

2009/12/29 Guilherme Moreira <guilhermemo...@gmail.com>

Bom dia pessoal, to com outro problema...

os métodos fadeIn/Out() não estão funcionando no google crome, o que
está acontecendo?!

O código está em

http://pastebin.com/f7fc97f0f

--
Guilherme Moreira
Designer e desenvolvedor web
+55 11 8842-3204
www.guilhermemoreira.com.br
con...@guilhermemoreira.com.br

--

Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/jquery-br?hl=pt-BR.

--
Juarez Junior - juarez...@gmail.com
http://twitter.com/juareznjunior
http://www.gobox.com.br/
http://juareznjunior.wordpress.com/
msn:jws_j...@yahoo.com.br
gtalk:juarez...@gmail.com

[Guilherme Moreira]

CSS:
> #footer #footer-content div.grid-6.social ul li{
> width: 62px;
> height: 62px;
> float: left;
> margin-left: 5px;
> text-indent: -9000px;
> position: relative;
> cursor: pointer;
> }
> #footer #footer-content div.grid-6.social ul li.facebook{
> background:
> url(../images/background-icone-facebook.png) no-repeat top left;
> }
> #footer #footer-content div.grid-6.social ul li.linkedin{
> background:
> url(../images/background-icone-linkedin.png) no-repeat top left;
> }
> #footer #footer-content div.grid-6.social ul li.twitter{
> background:
> url(../images/background-icone-twitter.png) no-repeat top left;
> }
> #footer #footer-content div.grid-6.social ul li.flickr{
> background:
> url(../images/background-icone-flickr.png) no-repeat top left;
> }
> #footer #footer-content div.grid-6.social ul li.lastfm{
> background:
> url(../images/background-icone-lastfm.png) no-repeat top left;
> }
> #footer #footer-content div.social ul li a.facebook{
> display: none;
> width: 62px;
> height: 62px;
> background: url(../images/icone-facebook.png)
> no-repeat top left;
> position: absolute;
> top: 0;
> left: 0;
> }
HTML
<div class="grid-6 social">
<h3>Social</h3>
<ul>
<li class="facebook"><a href="#"
class="facebook">facebook</a></li>
<li class="linkedin"><a href="#"
class="linkedin">linkedin</a></li>
<li class="twitter"><a href="#"
class="twitter">twitter</a></li>
<li class="flickr"><a href="#"
class="flickr">flickr</a></li>
<li class="lastfm"><a href="#"
class="lastfm">lastfm</a></li>
</ul>
</div>

[Lukz'Strife]

tenta tirar o children('a');

$('.social li').hover(function(){
        $(this).fadeIn(500);
    }, function(){
        $(this).fadeOut();
    })

2009/12/29 Guilherme Moreira <guilhermemo...@gmail.com>

[Guilherme Moreira]

Esquece o t�pico...

tenho at� vergonha de dizer isso, mas gra�as ao IE6 eu descobri o que
havia de errado.

Mas de qualquer forma obrigado pela ajuda!

[Lukz'Strife]

Posta o que era ai pra gnt ver tbm cara...

2009/12/29 Guilherme Moreira <guilhermemo...@gmail.com>

Esquece o tópico...

tenho até vergonha de dizer isso, mas graças ao IE6 eu descobri o que

havia de errado.

Mas de qualquer forma obrigado pela ajuda!

--

Guilherme Moreira
Designer e desenvolvedor web
+55 11 8842-3204
www.guilhermemoreira.com.br
con...@guilhermemoreira.com.br

[Leonardo Balter]

só falta dizer que era mesmo um ; faltando no final da função :)

2009/12/29 Lukz'Strife <razie...@gmail.com>

--
At,
Leo Balter
http://leobalter.net
Blog técnico: http://blog.leobalter.net

[Leonardo Balter]

O exemplo no jsbin.com para facilitar os testes: http://jsbin.com/aqoso/edit

2009/12/29 Leonardo Balter <leonard...@gmail.com>

[Jônata Marcelino]

Use o Firebug do Mozilla Firefox para auxiliar na programação. Talvez possa te indicar alguma coisa...


--
Abraços,
Jônata Marcelino
http://www.twitter.com/johny83

[Guilherme Moreira]

pior que eu tava utilizando o firebug, mas o problema estava em uma
fun��o que eu n�o finalizei imediatamente antes dessa.

o estranho � que funcionava no firefox, mas n�o funcionava em nenhum
outro navegador.
quanto ao tirar o .children('a'), ele n�o poderia sair, pois era ele que
ia receber o evento, tive que usar o m�todo .children() por que o 'a'
tinha display:none.

de qualquer forma, muito obrigado a todos! abra��o!

[Leonardo Balter]

Coloque o plugin web developer no seu firefox para poder verificar erros de execução do javascript. O firefox tenta quebrar o galho e executar o que ele entende como correto, aí fica sempre um furo pros desenvolvedores. Já aconteceu isso comigo. 

O internet explorer 6 tem essa vantagem de ficar acusando erro na execução do javascript, desvantajoso mesmo pros usuários que visitam sites feitos por mau programadores de plantão.

Uma dica que queria deixar também é fazer um tratamento para evitar o evento de ficar repetindo direto. Eu acho que escrevi sobre isso uma vez no meu blog. Senão eu tenho guardado em algum lugar. 

Tente passar o mouse pra cima e pra baixo na lista e veja que fica tudo repetindo direto, não é uma boa situação de ocorrer...

Se encontrar eu passo pra cá. Abraços

2009/12/29 Guilherme Moreira <guilhermemo...@gmail.com>

pior que eu tava utilizando o firebug, mas o problema estava em uma

função que eu não finalizei imediatamente antes dessa.

o estranho é que funcionava no firefox, mas não funcionava em nenhum
outro navegador.
quanto ao tirar o .children('a'), ele não poderia sair, pois era ele que
ia receber o evento, tive que usar o método .children() por que o 'a'
tinha display:none.

de qualquer forma, muito obrigado a todos! abração!

--
Guilherme Moreira
Designer e desenvolvedor web
+55 11 8842-3204
www.guilhermemoreira.com.br
con...@guilhermemoreira.com.br

--

Você está recebendo esta mensagem porque se inscreveu no grupo "jQuery (Brasil)" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para jque...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para jquery-br+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/jquery-br?hl=pt-BR.

[Leonardo Balter]

Encontrei e republiquei em meu blog, é bem bacana: http://leobalter.net/blog/jquery-e-o-acumulo-de-animacoes/

2009/12/29 Leonardo Balter <leonard...@gmail.com>