2013-09-19 2 views
3

Я делаю панель с тремя разделами, чтобы показать некоторую информацию и использовать jQuery для этого.jQuery анимация не работает на chrome

Все работает отлично в FF, но Chrome как-то не оживляет removeClass, однако он оживляет addClass, который приходит позже!

Я сделал скрипку, попробовать его на FF, а затем на Chrome, чтобы увидеть разницу анимации на действия парения: http://jsfiddle.net/cqg6r/2/

Я предполагаю, что проблема в этой части:

jQuery(this).removeClass("shown", 1000); 

Тем не менее, я копаю и googling весь день и не могу понять, где именно.

(Пожалуйста, простите, если мой код грязный, я новичок. Кроме того, я работаю с JQuery вместо $ потому, что веб-сайт в вопросе работает на WordPress.)

+0

Все анимационные работы в моем браузере Chrome. Используйте F12, чтобы открыть отладчик Chrome, и проверьте консоль, чтобы увидеть, есть ли у вас какие-либо ошибки. – Karlth

+0

Я также пробовал как в браузере, так и в работе для меня. –

+1

Он работает, но по-другому, тогда он должен. Панели должны медленно открываться и закрываться, теперь они быстро открываются и медленно закрываются. Вы должны проверить это на FF, чтобы увидеть разницу ... –

ответ

2

Использование анимации для этого

здесь jsfiddle ссылка

jQuery(document).ready(function(){ 
    jQuery(".filter1, .filter2, .filter3").hover(function(){ 
    jQuery(this).stop().dequeue().animate({right:'0'},1000); 
    }, function(){ 
    jQuery(this).stop().dequeue().animate({right:'-380px'},1000); 
    }); 
}); 
+0

Niiice. Я вижу, что вы здесь сделали, но никогда бы не подумал об этом сам. Мне еще нужно многому научиться. Большое спасибо! –

+0

:) и вы можете использовать знак $ вместо jQuery .. (function ($) {// ваш код}) (jQuery); поместите весь код в это n, используя $, если хотите. – Mitali

Смежные вопросы