ajax呼び出しの中で動的コンテンツ（jquery）を読み込む方法は？

Question

私のホームページはjquery ajax呼び出しでページを読み込みます。ピクチャのサブページには3つのdivがあり、それぞれにajaxを含むPHPもロードされます。すべてのサブサブページにギャラリーjsを追加したいと思います。しかし、jsはロードされません。ここに私のコードは、サブページのためのindex.phpである：

<script type="text/javascript"> 
$(function() 
{ 
    var actualmenu = 'fooldal.html'; 
    $('#tartalom').load('fooldal.html'); 
    $('.fooldal').click(function() 
    { 
    $('#tartalom').load('fooldal.html'); 
    actualmenu = 'fooldal.html'; 
    } 
); 

    $('.kepek').click(function(){ 
$('#tartalom').load('kepek.php', function(){ 
    $(document.body).on('click', 'a[rel=gallery_view]' ,function(){ 
    $(this).KeViewer('gallery', {'percent' : 70}); 
    return false; 
    }); 
}); 
    actualmenu = 'kepek.php'; 
}); 
}); 
</script> 

そして、私のkepek.phpページがあります：

<script type="text/javascript"> 
$(function() 
{ 
    $('#galeria').load('kepek_csenge.php'); 
    $('#csenge').click(function() 
    { 
    $('#galeria').load('kepek_csenge.php'); 
    } 
); 
); 
</script> 

<div id="albums"> 
    <div class="album" id="csenge"> 
     Csenge 
     <br/> 
     <img src="albumok/csenge/01.jpg" alt="csenge"/> 
    </div> 
</div> 
<div style="clear:both;"></div> 
<div id="galeria" width="500"></div> 

内部トリガすべきこのような行があり、kepek_csenge.phpギャラリー：

<a class="thumb_wrapper" href="albumok/csenge/01.jpg" title="Első" rel="gallery_view"><img alt="" class="thumb" src="albumok/csenge/thumbs/01.jpg" /></a> 

残念ながら、選択した画像で新しいページが読み込まれます。このページでgalleryviewer jsを使用するにはどうすればよいですか？

Answer 1

あなたがこれはあなたのAJAXページに$(function()に包まれたコードは、すぐにそれが発生したとして解雇されることを意味AJAX

を使って何をロードするずっと前に、あなたがにロードされている文書がreadyだったことを理解することが重要です。そのコードが参照するhtmlに先行する場合、それらの要素はまだ存在しないため、これらの要素は検索されません。

ajax読み込みコンテンツのすべてのスクリプトタグをHTMLの後に移動してみてください。

一般に、すべてのスクリプトを1つにまとめて関数の異なる部分をラップし、load（）の成功コールバックでこれらの関数を呼び出す方が簡単です。

function loadPage(page){ 
    var url = '...' +page; 
    $('#selector').load(url, function(){ 
     initViewer(); 
    }); 
}