我有一个通过 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 请求一起使用?