避免多个jQueries＆amp;在iFrame中进行Boostrap

Question

我有一个iFrame，其中嵌入式网站使用jQuery和Bootstrap，我的父网站也使用它们。我可以在远程站点中删除它们并依赖我的父网站吗？

此致

Answer 1

对于bootstrap的脚本部分，您可以使用iframe的sandbox属性来避免它。

<iframe id="myIframe" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-top-navigation">

我还没有找到css部分的解决方案。

否则用ajax加载你的内容，然后通过将你加载的内容移动到你想要的地方来显示它（jquery有很多帮助）。它不应该加载任何资源。

Answer 2

if (window.parent.jQuery) {
    delete window.jQuery;
    delete window.$;
    jQuery = window.parent.jQuery;
    $ = jQuery;
}

您可以在iframe中执行此操作。 但要小心选择器，默认上下文将是父窗口的文档。