JQuery removeClass анимация не работает

У меня действие OnClick для выполнения этой функции:JQuery removeClass анимация не работает

$('#generalMenu').stop(true, true).toggleClass('slideLeft', 1000)

slideLeft и делает слайд, когда toggleClass имеет addClass режим на нем, а не на removeClass - как мог Я делаю это для обоих?

источник

2015-05-14 Xeen

'toggleClass' принимает два параметра, имя класса и boolean для включения и выключения. Вы даете ему числовое значение 1000, которое всегда верно. –

@TomMarulak, тогда вы можете показать мне, как это будет сделано правильно? – Xeen

Я не уверен, что вы пытаетесь сделать. Вы пытаетесь переключить класс или анимировать '# generalMenu'. Создайте демо, чтобы каждый мог видеть, что не работает. Если вы хотите оживить, посмотрите этот пост http://stackoverflow.com/questions/596608/slide-right-to-left –

Вы пробовали просто:

$('#generalMenu').toggleClass('slideLeft', 1000);

или

setTimeout(function(){ 
    $('#generalMenu').toggleClass('slideLeft'); 
},1000)

или вместо функции OnClick изменить код:

$('.element').click(function(){ 
    $('#generalMenu').toggleClass('slideLeft'); 
})

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

$('.element').click(function(){ 
    if($('#generalMenu').hasClass('slideLeft')){ 
     $('#generalMenu').removeClass('slideLeft'); 
    } else { 
     $('#generalMenu').addClass('slideLeft'); 
    } 
});

источник

2015-05-14 09:37:20 Pixelomo

Да, и это ничего не меняет. – Xeen

Хмм, возможно, это время, которое его испортило, вы можете попробовать '.toggleClass ('slideLeft')' и обернуть его в SetTimeout, чтобы создать задержку. Вам нужно установить 1 секунду задержки по любой причине? – Pixelomo

К сожалению, ни одно из этих решений не работает – Xeen

Попробуйте добавить продолжительность перехода: 1000; к вашему css для #generalMenu.

#generalMenu { transition-duration: 1000; }

источник

2015-05-14 09:41:26 connexo

Я приземлился здесь, потому что я не мог получить removeClass для анимации. Как уже указывалось ранее, addClass и removeClass не принимают параметр продолжительности. Это только возможно, когда загружен jqueryUI.

Несмотря на то, что у меня были проблемы.

Я решил мину путем изменения CSS от:

.active { bottom: -150px; }

To:

.active { margin-top: 150px; }

После этого, как addClass и removeClass-методы были анимировать, как освобожденный!

источник

2015-12-10 08:17:44 thephper

JQuery removeClass анимация не работает

ответ

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