如何在aferShow 事件中访问iframe 内的元素？

Question

我正在使用 Fancybox 2.1.4。我想在 afterShow 事件中访问 iframe 中的元素。

        $('.fancybox').fancybox({
            type: 'iframe',
            afterShow: function() {

                 //need to access element #mydiv

            }
            iframe: {
                preload: true 
            }
        });

我该怎么做？ preload: true 和 preload: false 对访问元素有影响吗？假设父window和iframe访问同一网站的页面

Answer 1

这是访问 iframe 的方式，例如，如果使用 v3，则绑定自定义加载事件：

$("[data-fancybox]").fancybox({
  iframe : {
    preload: false
  },
  afterLoad : function(instance, slide) {
    slide.$slide.find('iframe').on('load', function() {
      alert('done');
    });
  }
});

https://codepen.io/anon/pen/yXwoNM?editors=1010

如何在aferShow 事件中访问iframe 内的元素？

How to access an element inside the iframe in aferShow event?

fancybox

fancybox-2