Feuer $ (document) .ready nach AJAX Seite

Question

baut Ich habe den folgenden Code, jquery verwendet dynamisch eine Seite zu aktualisieren, sobald seine von einer URL

$(document).ready(function() { 
     var htmlattri="background-color:red;"; 
     $("body").attr("style", htmlattri); 
     $("#navbar").append('<div id="test" style="position: absolute; left: 0px; top: 0px; z-index: 3000; height: 20px"><input type="button" value="Back" onclick="window.history.go(-1)" /></div>') 
    }); 

Das Problem ist, ich habe geladen worden, dass die #navbar Element wird über Ajax (nicht JQuery) erstellt, was passiert, nachdem die $(document).ready gefeuert hat.

Gibt es eine Möglichkeit, dies auszulösen, sobald die Seite fertig ist?

Ich habe keine Kontrolle über die Seiten Quellcode.

Answer 1

Legen Sie den Code, den Sie versuchen, auszuführen, in den success Callback des Ajax-Aufrufs, nachdem Sie den #navbar aufgebaut haben. Sie können den $(document).ready()-Aufruf nicht 'verschieben', er wird immer ausgeführt, wenn der Dom erstellt wurde

Answer 2

Wie wäre es mit $ .Event?

$('body').on('wearedone', function(){ 
    console.log('hello!'); 
}); 

$(document).ready(function() { 
    var htmlattri="background-color:red;"; 
    $("body").attr("style", htmlattri); 
    $("#navbar").append('<div id="test" style="position: absolute; left: 0px; top: 0px; z-index: 3000; height: 20px"><input type="button" value="Back" onclick="window.history.go(-1)" /></div>'); 

    // this is where we "reimplement" $(document).ready 
    $('body').trigger($.Event('wearedone')); 
});