jQuery event bestellen und warten, bis die animation abgeschlossen

Habe ich eine slider-animation, aber auf clX.klicken Sie auf event #close div verbirgt, bevor es animiert wird -250px Links. Wie zu warten, bis die animation abgeschlossen ist, und dann verstecken #close div?

    $(document).ready(function() {
        $("#open").click(function() {
            if ($("#close").is(":hidden")) {
                $("#open").animate({
                    marginLeft: "-32px"
                }, 200);

                $("#close").show();
                $("#close").animate({
                    marginLeft: "250px"
                }, 500);
            }
        });
        $("#clX").click(function() {
            $("#close").animate({
                marginLeft: "-250px"
            }, 500);

            $("#open").animate({
                marginLeft: "0px"
            }, 200);

            $("#close").hide();
        });
    });
InformationsquelleAutor HasanG | 2010-03-09
  1. 11

    Können Sie eine callback-Funktion, die die animation. Es würde ausgelöst, sobald die animation beendet ist.

    $('#clX').click(function() {
  $('#close').animate({
    marginLeft: "-250px"
  }, 500, function() {
    //Animation complete.
    $("#close").hide();
    //i supose $this.hide() <br/>would work also and it is more efficient.
  });
});
    • In anderen Worten: Sie müssen nicht warten, weisen Sie der animation, um etwas anderes zu tun, wenn es fertig ist.
    • Fertig! Aber $this.hide(); funktioniert nicht richtig.
    InformationsquelleAutor Patxi1980
  2. 4

    @hasan, dünkt mich @patxi bedeutete, $(this)

    var closeable = $('#close');
$('#clx').bind('click', function(){
   //$(this) === $('#clx')
   closeable.stop().animate({marginLeft:'-250px'},{
     duration: 500,
     complete: function(){
        $(this).hide(); 
        //$(this) === closeable;
     }
   });
});
    InformationsquelleAutor Quickredfox
Schreibe einen Kommentar