Jquery: Anhängen von Daten an ein div NACH ajax load operation

Habe ich ein setup wie diesem:

$('.container a').click(function(event) {
    event.preventDefault();
    $('#contents').remove();
    $(this).parent().append("<div id=\"contents\"></div>");
    $('#contents').html('<img src="/images/loading.gif" />')
                  .load("stuff.html")
                  .append("<div id=\"closebutton\"></div>");
});

Jedoch, die 'append' - Teil scheint zu laufen, bevor der Ladevorgang abgeschlossen ist, so dass der closebutton div überschrieben wird durch den Inhalt der stuff.html. Wie mache ich es warten, bis die ajax-operation abgeschlossen ist, bevor Sie die endgültige Anhängen?

Dank 🙂
Mala

InformationsquelleAutor Mala | 2009-12-19

  1. 8

    setzen append innerhalb der callback-Funktion funktioniert. 

    $('.container a').click(function(event) {
    event.preventDefault();
    $('#contents').remove();
    $(this).parent().append("<div id=\"contents\"></div>");
    $('#contents').html('<img src="/images/loading.gif" />')
               .load('stuff.html',{},function(){
                  $(this).append('<div id=\"closebutton\"></div>");
               });
});
    danke, das hat funktioniert, perfekt

    InformationsquelleAutor Anwar Chandra

  2. 4

    Verwenden Sie die callback-Funktion [Die Funktion, die aufgerufen wird, wenn der ajax-request abgeschlossen ist (nicht unbedingt erfolgreich)] für die Last und fügen Sie den Inhalt.

    $('#contents').html('<img src="/images/loading.gif" />')
                  .load("stuff.html",function() { AppendContent(); } )

function AppendContent()
{
    //do your append function here
}

    InformationsquelleAutor rahul

Schreibe einen Kommentar