Question

美好的一天。我需要在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的一部分我问的是使用所有方法引用所有库，以及如何为其他库引用。

在iFrame中使用父jQuery

0 个答案: