coda effetti di jquery

[AvOJaromil]

$("#carrello").bind(
    {
        mouseenter: function()
        {
            $(this).animate({'margin-left' : '+=170px'},'slow',function(){$("#img-acquista").hide("fast")})
        },
        mouseleave: function()
        {
            $(this).animate({'margin-left' : '-=170px'},'slow',function(){$("#img-acquista").show("fast")})
        },
    
    });

con questo codice si verifica un effetto sgradevole. in pratica sul lato sinistro dello schermo ho piazzato un div #carrello che scompare quasi completamente. passando sopra ad una maniglia compresa in questo div#carrello parte l'animazione che fa uscire dal lato il pannello. purtroppo capita che ci si passi sopra col mouse parecchie volte oppure che quando ci si passa sopra poi si finisce con il cursore del mouse fuori dalla finestra del browser e così il pannello impazzisce aprendosi e chiudendosi a ripetizione diverse volte senza possibilità di fermarlo.

come posso risolvere?

grazie mille

[RoTeam]

Prova stoppando l'animazione sugli eventi

$("#carrello").bind(
    {
        mouseenter: function()
        {
            $(this).stop(true);
            $(this).animate({'margin-left' : '+=170px'},'slow',function(){$("#img-acquista").hide("fast")})
        },
        mouseleave: function()
        {
            $(this).stop(true);
            $(this).animate({'margin-left' : '-=170px'},'slow',function(){$("#img-acquista").show("fast")})
        },
    
    });

[AvOJaromil]

eh no, purtroppo no.
con quella aggiunta se passo sopra al pannello e poi col cursore del mouse esco subito dalla fiestra del browser il pannello scorre indietro fino a scomparire totalmente dalla finestra e non c'è più modo di farlo ritornare a destra....

[RoTeam]

Originariamente inviato da AvOJaromil
eh no, purtroppo no.
con quella aggiunta se passo sopra al pannello e poi col cursore del mouse esco subito dalla fiestra del browser il pannello scorre indietro fino a scomparire totalmente dalla finestra e non c'è più modo di farlo ritornare a destra....

Prova a stopparlo solo sul primo evento

[cavicchiandrea]

Prova così

$("#carrello").bind(
    {
        mouseenter: function()
        {
            $(this).stop().animate({'margin-left' : '+=170px'},'slow',function(){$("#img-acquista").hide("fast")})
        },
        mouseleave: function()
        {
            $(this).stop().animate({'margin-left' : '-=170px'},'slow',function(){$("#img-acquista").show("fast")})
        }
    });

Chiaramente tutto racchiuso nel ready, eventualmente prova anche a cambiare bind con live

[AvOJaromil]

purtroppo ancora nulla....ho provato come dicevi tu andrea ma il problema rimane...ovvero entrando e uscendo velocemente dal pannello questo poi scompare sulla sinistra....
ora ho ripristinato lo script come era originariamente..però se vi serve vedere questo è il link : http://www.vendettanonpagapegno.com/

ancora grazie.

[cavicchiandrea]

Hai molti script nella pagina e fare del debug diventa difficile per bloccare animate la sintassi è $(this).stop().animate se non va non saprei