Question

我正在动态地将内容（通过Ajax）加载到名为<div>的{{1}}

某些内容的格式设置如果有链接，则会显示Fancybox灯箱。

我测试了Fancybox，如果内容没有从Ajax加载，它就可以工作。但是从Ajax加载，它什么也没做。

我认为它可能与<div id="displayinformation">有关，但我不确定。

我想我需要在加载ajax内容后运行灯箱的代码。

我的代码如下，非常感谢任何见解。亲切的问候，保罗。

致电：

$(document).ready(function() {

热门JS：

<a href="http://player.vimeo.com/video/61692184" title="Lower Title Text" rel="displayvideo" >XX</a>

Answer 1

当您在Ajax调用中得到响应时，您需要在此处放置此代码。

代表

$.post("/index.php", {'param'   : param},
            function(response) {
                //here you need to put fancybox code
                $("a[rel=displayvideo]").fancybox({
                  'overlayShow'   : true,
                  'width'         : 800,
                  'height'            : 450,
                  'transitionIn'      : 'elastic',
                  'transitionOut'     : 'elastic',
                  'titlePosition'     : 'inside',
                  'type' : 'iframe',
                  'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                   return '<span id="fancybox-title-inside">Video:' + (title.length ? ' &nbsp; ' + title : '') + '</span>';
               }
               });
            });

加载AJAX内容后调用fancybox

1 个答案: