Пожар $ (документ) .ready после AJAX страницы строит

Question

я следующий код, который использует JQuery динамически обновлять страницу, как только его загрузки из 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>') 
    }); 

У меня есть проблема в том, что в #navbar элемент построен через ajax (не JQuery), который происходит после того, как $(document).ready уволен.

Есть ли способ заставить это срабатывать, когда страница полностью построена?

У меня нет контроля над исходными текстами страниц.

Answer 1

Введите код, который вы пытаетесь выполнить в обратном вызове ajax success, после того как вы создали #navbar. Вы не можете «переместить» вызов $(document).ready(), он всегда будет выполняться, когда dom был создан

Answer 2

Как насчет $ .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')); 
});