ロードページといくつかの要素のidによるコンテンツやクラスを変更

Question

は、私はDIVにファイルをロードするコードです：ここでは

$(".side-nav a").click(function(e) { 
     e.preventDefault(); 
     $("#page-wrapper").load(file); //file="path to php file" 
     $(".title").text(title); //title="some titles" 
    }); 

は、私はfile.phpからロードするコードの一部です：

(...) 

<h1 class="page-header"> <span class="title"></span><small>details</small></h1> 
<ol class="breadcrumb"> 
    <li><i class="fa fa-dashboard"></i><a href="#"> Dashboard </a></li> 
    <li class="active"><i class="fa fa-edit"></i> <span class="title"></span> </li> 
</ol> 

(...) 

今はclass="title"を持つ要素で何とか新しいタイトルをつけたいと思います。上記のようにすれば何も起こりません。これを修正するには？

Answer 1

試し以下、それはDOMを実行し、内線文を実行しようとする$.loadを待たず、$.loadとして

$(".side-nav a").click(function(e) { 
     e.preventDefault(); 
     $("#page-wrapper").load(file,function(){ 
      $(".title").text(title); //title="some titles" 
     }); //file="path to php file" 

    }); 

が非同期で動作するかどうか確認してください。 $(".title").text(,,,)に到達する時点では、この実行全体が数分の1秒以下で実行されるため、要素が存在しません。

Answer 2

load()は非同期なので、完全なコールバック内ではそれを行います。さもなければ、要素は存在しません。

$("#page-wrapper").load(file,function(){ 
    $(".title").text(title); 
});