Iframe:防止父库和 iframe jquery 库发生冲突



好的,这是坚果壳中的问题:

我正在构建一个登录页面编辑器,并将用户创建的模板加载到编辑器页面上的 iframe 中。 父级加载了jquery和ui,因为这些工具包括拖放。 我正在将框等拖放到 iframe 中,然后抓取 iframe 并使生成的拖放元素可在 iframe 中拖动。

因此,为了清楚起见,我让一切完美运行,您可以将所有内容从父窗口拖动和调整大小到 iframe 中。 但是,如果加载到编辑器中的模板中已经包含 jquery,则存在冲突。

如果需要,我需要加载到编辑器中的模板能够具有 jquery,因为某些模板可能具有 jquery 滑块等......

我的第一个问题是...如果父"编辑器"页面上已经有jQuery,并且我正在抓取iframe并操作内容,那么jQuery是否已经加载到iFrame中? 换句话说,如果有人在他们的模板中有一个 jQuery 滑块,我可以确保 iframe 不加载 jQuery 然后滑块仍然可以工作,因为父级已经拥有它了吗?如果是这种情况并且我不需要它们两次,那么是否有一种简单的方法来抓取 iframe 的内容并取出正在加载 jquery ????的脚本标签

我的第二个问题是...是否有"无冲突"规则或我可以在 jquery 上调用的东西,以便在有两个时不会冲突?

我的第三个问题是我搞砸了吗:(?

请帮帮我!

冲突

不会发生,而是iframe可以用来消除冲突,所以如果你有一个带有jquery的iframe,并且iframe的父级也有一个jquery,那么这永远不会冲突,可能是你的代码中还有其他一些问题。

对于动态加载脚本,您可以使用 $.getScript("name.js") .

最新更新