.load（）を使用してロードされたファイル経由でDOMに追加された要素へのアクセス

Question

jQuery .load（）を使用してPHPファイルを読み込みます。このPHPファイルは新しいdivをエコーし​​ます。このdivには属性 "title"が含まれています。その値はjsファイルに取り込む必要があります。

// file.php 
echo '<div id="max_page" title="' . $max_page . '"></div>'; 

// js 
$("someElement").load("file.php"); 
var num = $("div#max_page").attr("title"); 

この結果、num = "undefined"となります。私は、この理由は、最初の$（document）.readyが実行された後にdiv＃max_pageがDOMに追加され、jQueryがその存在を単に知りませんと仮定しています。そうですか？

どのように問題を解決できますか？ （.live（）を試してみましたが、私のために働くことができませんでした）

Answer 1

numをチェックすると、ajaxがページの読み込みを完了していないため、まだDOMに追加されていませんDOMはまだありません。 loadのcompleteコールバックでそれを実行します。

$("someElement").load("file.php",function(){ 
var num = $("div#max_page").attr("title"); 
}); 

Answer 2

あなたは右のあなたのタイミングが間違っ:)であることを考えるにしている

2番目の引数として渡された関数が file.php直後に実行されます

// js 
$("someElement").load("file.php", function(){ 
    var num = $("div#max_page").attr("title"); 
    // here you can do with num whatever you need 
}); 

です someElementにロードされているため、この時点でtitle属性が存在することが保証されています。

Answer 3

numを設定するとファイルが読み込まれません。コールバックを使用します。

$("someElement").load("file.php", function() { 
    var num = $("div#max_page").attr("title"); 
});