jQuery .animate({ 'width' : 'show' }) не работает должным образом в Chrome/Safari?

Этот фрагмент кода работает в Firefox и IE:

$('input').click(function() {       
    $(group).animate({
        'width' : 'show'
    }, 2000, "easeInOutCirc");

});

Однако в браузерах webkit (Chrome и Safari) это не так. Но если я использую $(group).show();, он работает во всех браузерах.

В чем может быть проблема?


google-chrome jquery safari webkit jquery-animate
person catandmouse    schedule 03.09.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

пожалуйста, измени это

'width' : 'show'

to

'width' :  'toggle'

или использовать

"opacity": "show"
person Chamika Sandamal    schedule 03.09.2011
comment
«ширина»: «переключить» не работает. Я могу использовать «непрозрачность»: «показать», но это не дает того эффекта, который мне нужен, когда я использую ширину. :| - person catandmouse; 03.09.2011
comment
извините, непрозрачность должна быть 1, а не 0 .animate({width: "show", opacity: 1}) - person Chamika Sandamal; 03.09.2011
comment
давайте продолжим это обсуждение в чате - person Chamika Sandamal; 03.09.2011

arrow_upward
0
arrow_downward

Я нашел решение своего вопроса. По какой-то причине мне нужно было установить свойство css в jQuery вместо того, чтобы просто скрывать $(group) через .hide(). Итак, что я сделал, так это поместил эту строку кода в начало:

$(group).css("display","none");

вместо

$(group).hide();

Теперь это работает. В любом случае, спасибо за вклад!

person catandmouse    schedule 03.09.2011