jQuery fancybox - 在 iframe 中定位特定的 div #id

Question

是否可以使用 fancybox 从另一个页面加载特定的 div #id，而不是通过 iframe 加载整个页面？

例如我可以使用

 $('#link-whole').fancybox({
                'width'             : '80%',
                'height'            : '80%',
                'type'              : 'iframe',
            });

与

<a id="link-whole" href="somepage.html">link 1</a>

将所有“somepage.html”加载到 iframe 中，但如何仅加载 id 为“target”的 div 中的内容(例如)？

Answer 1

如果该页面与您打开 fancybox 的页面位于同一域中，那么您应该能够使用 jQuery.ajax 的 dataFilter 选项将返回的数据过滤到您想要的目标 ID。

$('#link-whole').fancybox({
    'width': '80%',
    'height': '80%',
    'type': 'ajax',
    'ajax': {
        dataFilter: function(data) {
            return $(data).find('#yourTargetID')[0];
        }
    }
});