ajaxを介していくつかの新しいコンテンツを取り込むリンクがあり、コンテンツの各平和には、jQueryプラグインのカラーボックスをトリガーするリンクがあります。元のページの読み込み時にトリガーをクリックすると、カラーボックスは正常にトリガーされますが、新しいコンテンツを読み込むと、カラーボックスはトリガーされなくなります。これが私のjqueryです。
$(".magnify").on("click", function(e) {
$(this).colorbox({
inline:true,
opacity: 0.9,
innerWidth: 800,
innerHeight:700
});
e.preventDefault();
});
これが私のHTMLです
<a href="#inline_content" class="magnify inline"><img src="http://<?php echo $_SERVER['HTTP_HOST'];?>/_/images/magnify.png" alt="Magnify" />
<span class="play">Watch the Logic+ being manufactured at our plant in Hull</span>
</a>
<div style="display:none">
<div id="inline_content">
<span class="zoomImage" id="ex1">
<img src="http://<?php echo $_SERVER['HTTP_HOST']; ?>/_/images/combi-inside-large.jpg" width="329" height="606"/>
</span>
</div>
</div>
カラーボックスをajaxリクエストで機能させるにはどうすればよいですか?