javascript - 在 iframe 上加载带有父级的 jQuery 函数

Question

我想知道为什么这是不可能的......

我有一个带有 iframe 的文件 index.php

index.php
->iframe.php

index.php 文件已执行jquery.js，并在 iframe 上我写了这个

window.jQuery = window.$ = parent.jQuery;
$(document).ready(function(){
    $("div#test").html('Hello World');
});

我知道这可能不是很有用，但我想知道这样的事情是否可能。

Answer 1

试试这个（我现在没有网络服务器，所以不确定是否可以工作）：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    $(function(){
      //try this 
      //object = parent.$(parent.document)
      //object.find('body').append('<p>ello</p>')

      //or this
      //$('body',parent.document).append('<p>ello</p>')
    })
</script>

Answer 2

您的 jquery 代码中有错误，请替换以下行：

$("div#test").('Hello World');

对于这个：

$("div#test").html('Hello World');

Answer 3

好的，我的代码工作正常，我可以调用 jQuery 函数，但它们在 iframe 上调用的函数在父 DOM 上执行！