Question

我尝试在点击按钮后加载外部文件，修改外部文件的某些html，然后通过fancybox插件显示它。我已经尝试了几天，但是没有成功。

按钮

<a id="preview" class="btn btn-lg btn-success">Preview</a>

然后一些代码将外部html文件加载到显示关闭的元素中（我知道这是错误的，我不知道怎么做）。然后，我尝试用fancybox打开这个元素。

$('#preview').click(function() {
  $('#loader').load("demo/external.html", function(page) {
     $.fancybox.open({ content: $('loader'), type: iframe});
  })
});

正如你所知，我是一名业余爱好者。任何帮助都会非常感激。

Answer 1

通过更多的研究，我发现一切都可以通过Fancybox API来完成。我使用beforeShow来修改我想要的外部页面。 $('.fancybox-iframe')用于访问内容。

$.fancybox({
    'href': 'demo/external.html',
    'type': 'iframe',
    'autoSize': true,
    beforeShow: function () {
      $('.fancybox-iframe').contents().find('#name').text(name);
    }
  });

使用load（）加载外部文件，修改然后使用fancybox插件显示

1 个答案: