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