jQuery .animate({ 'width': 'show' }) nu funcționează corect în Chrome/Safari?

Această bucată de cod funcționează în Firefox și IE:

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

});

Cu toate acestea, în browserele webkit (Chrome și Safari), nu. Dar dacă folosesc $(group).show();, funcționează în toate browserele.

Care ar putea fi problema?


google-chrome jquery safari webkit jquery-animate
person catandmouse    schedule 03.09.2011    source sursă

Răspunsuri (2)


arrow_upward
1
arrow_downward

te rog schimba asta

'width' : 'show'

to

'width' :  'toggle'

sau utilizați

"opacity": "show"
person Chamika Sandamal    schedule 03.09.2011
comment
„width”: „comutați” nu funcționează. Pot folosi 'opacity': 'show', dar nu are același efect de care am nevoie atunci când folosesc width. :| - person catandmouse; 03.09.2011
comment
scuze opacitatea ar trebui să fie 1 nu 0 .animate({width: "show", opacity: 1}) - person Chamika Sandamal; 03.09.2011
comment
permiteți-ne să continuăm această discuție în chat - person Chamika Sandamal; 03.09.2011

arrow_upward
0
arrow_downward

Am găsit soluția la întrebarea mea. Din anumite motive, trebuia să setez proprietatea css în jQuery în loc să ascund doar $(group) prin .hide(). Deci, ceea ce am făcut a fost să pun această linie de cod la început:

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

în loc de

$(group).hide();

Acum functioneaza. Oricum, multumesc pentru intrare!

person catandmouse    schedule 03.09.2011