Javascript 在iFrame中使用父jQuery

Javascript 在iFrame中使用父jQuery,javascript,jquery,ajax,iframe,Javascript,Jquery,Ajax,Iframe,大家好。 我需要在iframe中使用父窗口的jQuery,而不向页面添加任何脚本(因此在iframe页面中添加另一个jQuery是不可能的) 实际上,我使用此解决方案将父jQuery引用到iframe中: var $ = function (selector) { return parent.jQuery(selector, document.getElementsByTagName("body")[0]); }; 通过使用它,我通常可以使用如下代码: $("p").text("hey jQu

大家好。 我需要在iframe中使用父窗口的jQuery,而不向页面添加任何脚本(因此在iframe页面中添加另一个jQuery是不可能的)

实际上,我使用此解决方案将父jQuery引用到iframe中:

var $ = function (selector) { return parent.jQuery(selector, document.getElementsByTagName("body")[0]); };
通过使用它,我通常可以使用如下代码:

$("p").text("hey jQuery");
但是,当我尝试使用以下内容时:

$(document).ready(function() {

        parent.$.ajax({
            url: '/resources/service_data.json',
            dataType: "json",
            type: 'GET',
            async: true,
            success: function(data) {
                render(data);
            },
            error: function() {
                console.log('Error en la petición');
            }
        });
});
控制台中会抛出此错误:

未捕获的TypeError:$。ajax不是函数

通过使用
parent.$.ajax()
我有一个解决方法,但是当我尝试使用iframe中的更多库时,我又遇到了一些错误,例如:

$('.carousel-news').owlCarousel({
                items: 1,
                margin: 30,
当然,owlCarousel没有定义,问题是:

有没有办法将jQuery正确地引用到iframe中,这样我就可以使用ajax(例如,或$.each()),还有没有办法引用iframe中的其他库

不幸的是,将它们作为脚本标记添加到iframe中不是一个选项(我被告知不要在iframe中添加任何标记,我只能编写一个用于添加自己代码的标记)

提前谢谢


编辑:这不是标记的问题的重复,首先是因为该问题没有解决任何问题,其次是因为该问题完全不同,我已经在iframe中使用了部分jQuery,我在问如何使用所有方法引用所有库,以及如何处理其他问题。

需要父jQuery有什么特别的原因吗?您可以在框架中导入jQuery,然后保证它也可以跨域工作。我不能向iframe添加任何脚本标记,但我在其中编写自己的代码。好的,下一个问题:为什么在这种情况下使用iframe?需要什么?为什么不使用代码concat jQuery并将其作为唯一的脚本标记添加到iframe的源代码中呢?好吧,很公平,我删除了这个标记。同样关于你的问题,我不认为有一个合乎逻辑的方法来解决它,正如其他用户在他们的评论中提到的那样,比如@zer00ne,我认为这对你和项目团队的其他成员(他们不允许你添加脚本标签)来说会更好需要父jQuery有什么特别的原因吗?您可以在框架中导入jQuery,然后保证它也可以跨域工作。我不能向iframe添加任何脚本标记,但我在其中编写自己的代码。好的,下一个问题:为什么在这种情况下使用iframe?需要什么?为什么不使用代码concat jQuery并将其作为唯一的脚本标记添加到iframe的源代码中呢?好吧,很公平,我删除了这个标记。同样关于你的问题,我不认为有一个合乎逻辑的方法来解决它,就像其他用户在他们的评论中提到的@zer00ne一样,我认为你和项目团队的其他部分(他们不允许你添加脚本标签)相互协作会更好。