jquery - 使用 jquery.load() 加载的元素不存在

Question

我正在使用 Jquery Load() 方法加载和插入 html 代码。但是当我试图找到一个我知道已加载的 html 元素时，却找不到它。

//React to mouse clicks on table rows (that has company ID specified)
$("tr[id^=c_],tr[id^=e_]").live("click",function(event) {
        //Fetch data from the server
        var data = $('<td colspan="8" />').load('myUrRL?uid='+ID);
        //Insert html-code into page
        var tmp = $('<tr />').append(data).insertAfter($(this));

        //Find one element we just inserted
        var chartDiv = $("#chart_div_"+ID); // <-- FAILS !!!
});
//Now the element exists
var chartDiv = $("#chart_div_"+ID); // <-- SUCCESS

为什么我会遇到这个问题？我最简单的修复方法是什么？

Answer 1

jQuery.load 是 jQuery AJAX 函数的包装器，因此是一个异步操作。尝试使用回调:

var self = this;
var data = $('<td colspan="8" />').load('myUrRL?uid='+ID, function(){
    //Insert html-code into page
    var tmp = $('<tr />').append(data).insertAfter($(self));

    //Find one element we just inserted
    var chartDiv = $("#chart_div_"+ID); // <-- SUCCESS !!!
});