1

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

4

0 回答 0