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

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

钮扣

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

---

正如你所知道的，我在这方面是个业余爱好者。任何帮助都将不胜感激。

经过更多的研究，我发现一切都可以通过网络完成。我使用beforeShow在外部页面上修改了我想要的内容<代码>$（'.fancybox iframe'）用于访问内容

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

---

如果您使用的是

iframe

type，那么直接链接到锚点中的该文件以在fancybox中打开该文件不是很容易吗。。。另一方面，如果您希望将该文件加载到文档中，因为它将使用现有的css声明，那么可以使用

键入：“ajax”

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