Comentários sobre: jQuery: Como evitar problemas com animate() http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/ Tutoriais sobre: XHTML, CSS, JavaScript e WebStandards Sat, 11 Feb 2012 13:45:15 +0000 hourly 1 http://wordpress.org/?v=3.3 Por: Gabriel http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-256644 Gabriel Wed, 30 Nov 2011 16:13:19 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-256644 Esse é o mestre Maujor ! E excelente tutorial ! Esse é o mestre Maujor !
E excelente tutorial !

]]> Por: Mateus Avila Isidoro http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-252826 Mateus Avila Isidoro Tue, 22 Nov 2011 13:16:23 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-252826 HoverIntent Corrige esse efeito maluco. http://cherne.net/brian/resources/jquery.hoverIntent.html HoverIntent Corrige esse efeito maluco. http://cherne.net/brian/resources/jquery.hoverIntent.html

]]> Por: Henrique Guampa http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-234611 Henrique Guampa Tue, 27 Sep 2011 17:37:21 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-234611 Rápido e explicativo. Exatamente o que eu precisava. Obrigado! Rápido e explicativo. Exatamente o que eu precisava. Obrigado!

]]> Por: Tácio http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-224941 Tácio Fri, 19 Aug 2011 18:14:06 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-224941 Parabéns!! Estava procurando isso mesmo! Parabéns!!
Estava procurando isso mesmo!

]]> Por: Rodrigo http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-221767 Rodrigo Thu, 28 Jul 2011 12:10:02 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-221767 Só um errinho aí no texto: jQuery não é um framework, é uma biblioteca de funções. Só um errinho aí no texto: jQuery não é um framework, é uma biblioteca de funções.

]]> Por: Cleiton http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-215465 Cleiton Sat, 18 Jun 2011 21:26:26 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-215465 Falou e disse o mestre! Falou e disse o mestre!

]]> Por: lucas.nunes http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-215374 lucas.nunes Fri, 17 Jun 2011 13:26:32 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-215374 perfeito, parabéns stop antes do animate é essencial ! perfeito, parabéns stop antes do animate é essencial !

]]> Por: Francisco http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-211784 Francisco Mon, 16 May 2011 22:20:54 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-211784 Olá, tentei seguir esta dica de adicionar o stop() porem... ele começa a funcionar depois que eu passo mais de 2 ou 3 vezes o mouse sobre a regiao.. ele para de funcionar. Olá, tentei seguir esta dica de adicionar o stop() porem… ele começa a funcionar depois que eu passo mais de 2 ou 3 vezes o mouse sobre a regiao.. ele para de funcionar.

]]> Por: Diogo http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-190424 Diogo Mon, 29 Nov 2010 18:38:13 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-190424 Pedro, caso eu queira que ao clicar em um link a classe dele altere com deveria fazer? Abs. Pedro, caso eu queira que ao clicar em um link a classe dele altere com deveria fazer?

Abs.

]]> Por: Gustavo http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-180727 Gustavo Mon, 05 Jul 2010 19:24:15 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-180727 Achei muito legal o exemplo, realmente resolveu o meu problema com animate. Valeu!!! Achei muito legal o exemplo, realmente resolveu o meu problema com animate. Valeu!!!

]]> Por: Marcos http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-179008 Marcos Fri, 28 May 2010 20:15:37 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-179008 Exatamente o que eu precisava. Exatamente o que eu precisava.

]]> Por: Orlando Leite http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-172144 Orlando Leite Wed, 04 Nov 2009 03:34:41 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-172144 Boa dica! Outro nome para esta técnica é overwrite animation. Nome mais utilizado entre flash coders. Achei bem simples e interessante a forma com que o jquery lida com isto. Abx! Boa dica!

Outro nome para esta técnica é overwrite animation. Nome mais utilizado entre flash coders.

Achei bem simples e interessante a forma com que o jquery lida com isto.

Abx!

]]> Por: Édipo http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-170765 Édipo Wed, 30 Sep 2009 13:36:51 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-170765 Sorte que tinha lido esse post outro dia, só por ler, ontem estava fui usar o animate e esta dando problema para controlar as animações de um menu, stop() resolveu tudo. um plugin para uma coisa tão simples realmente é não é necessário. Sorte que tinha lido esse post outro dia, só por ler, ontem estava fui usar o animate e esta dando problema para controlar as animações de um menu, stop() resolveu tudo. um plugin para uma coisa tão simples realmente é não é necessário.

]]> Por: Thomas http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-160195 Thomas Wed, 15 Jul 2009 21:33:52 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-160195 Ótima dica Pedro! Estava me batendo com hover! Esse efeito memória tava me matando.. ...rsrs... ; o ) Ótima dica do Maujor tambem! ; o ) Ótima dica Pedro! Estava me batendo com hover!

Esse efeito memória tava me matando.. …rsrs…

; o )

Ótima dica do Maujor tambem!

; o )

]]> Por: Maujor http://www.pinceladasdaweb.com.br/blog/2009/06/08/jquery-como-evitar-problemas-com-animate/#comment-156284 Maujor Sun, 21 Jun 2009 22:48:14 +0000 http://www.pinceladasdaweb.com.br/blog/?p=2428#comment-156284 Boa dica Pedro Rogério. É melhor animar a propriedade CSS <code>paddingLeft</code> em lugar de <code>left</code>. Observe no <a href="http://www.pinceladasdaweb.com.br/blog/uploads/animate/animate-com-stop/" rel="nofollow">exemplo com o código corrigido</a> o que acontece quando o mouse é colocado em repouso na extremidade esquerda de um link do menu. Animando <code>paddingLeft</code> você evita este outro efeito indesejável. Isto acontece porque ao animar <code>left</code> a área clicável se desloca para a direita causando o efeito estranho. Abraços Boa dica Pedro Rogério.
É melhor animar a propriedade CSS paddingLeft em lugar de left.
Observe no exemplo com o código corrigido o que acontece quando o mouse é colocado em repouso na extremidade esquerda de um link do menu.
Animando paddingLeft você evita este outro efeito indesejável. Isto acontece porque ao animar left a área clicável se desloca para a direita causando o efeito estranho.
Abraços

]]>