小编典典

使用fancybox在模态窗口中加载特定的div

ajax

我正在使用fancybox2。我已经设法通过AJAX在fancybox中加载内容。但是它会加载整个页面,我只对特定的div感兴趣。在fancybox
1中,我们可以通过在ajax中添加filter来实现。但是我不确定如何在fancybox 2中进行过滤。

如何从fancybox 2中的AJAX加载页面中过滤特定的div?

    $(".fancybox").fancybox({
        maxWidth    : 800,
        maxHeight   : 600,
        fitToView   : false,
        width       : '70%',
        height      : '70%',
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        type        : 'ajax',
        'ajax'      : {
            dataFilter: function(data) {
            return $(data).find('#modalArticleContainer')[0];
        }
    });

直到ajax可以工作,但是会加载整个页面,当我添加过滤器时,它就停止工作。这就是我以前在fancybox 1中所做的。


阅读 300

收藏
2020-07-26

共1个答案

小编典典

如果您使用的是最新的(https://github.com/fancyapps/fancyBox/zipball/master),那么有一个技巧可以从ajax响应中加载特定元素-

<a href="mypage.html #my_id" class="fancybox fancybox.ajax">Load ajax</a>

$(".fancybox").fancybox();
2020-07-26