ロードされたコンテンツにJQueryのロードが機能していません

Question

このコードを使用して、HTMLページをdivに取り込みます。

$(document).ready(function(){      
     // Load Home Content 
     $('#content').load('pages/sample.html'); 

     //Load Content Using Menu Links 
     $('.main-menu a').click(function(){ 
     var page = $(this).attr('href'); 
     $('.content').load('pages/' + page + '.html'); 
     return false; 
     }); 
}); 

また、読み込まれたHTMLにアンカータグがあります。私のメインページに似ています。コード例：

<div class="main"> 
<a href="sample">Go To Next Page</a> 
</div> 

は、今私は、上記のようにロードされたdivの上に複数のアンカーを持っていると私は、コードのコンテンツのdivを変更することで、同じ負荷の手順を使用します。

ご協力いただければ幸いです。

Answer 1

最初のロードシーケンスが完了したら、2番目のロードシーケンスを呼び出す必要があります。 jQueryのそれのようにロードされたHTMLでアンカーを見つけることができないので、それは今働いていない理由がある

$('#content').load('pages/sample.html', function(){ 
    //load your second set of html here with another load. 
    $('#previouslyloadeddiv').load('pages/anotherpage.html'); 
}); 

- あなたはそうのような最初のロードのコールバック関数でそれを呼び出すことによってこれを行うことができますまだ読み込みが完了していません。