javascript - 在子 iframe 中使用来自父级的 jquery

Question

我想在子 iframe 中使用 jquery 库。父窗口已包含 jquery 库。这是 iframe 中包含的脚本

$p=parent.window.$;
$p(document).ready(function (){
        console.log($p('#bla').val()); 
        console.log($p('#searchedCity').val());
    }
);

$p('#bla').val()- 我正在尝试获取位于 iframe 中的输入文本字段的值。现在它回来了undefined

$p('#searchedCity').val()- 这是来自父窗口的输入文本字段的值。它返回正确的值

当我将 jquery 库直接包含到 iframe 时 -$('#bla').val()工作正常。

我错过了什么？你能帮助我吗？

Answer 1

我不知道它是否也一样，但试试这个：

console.log($('#bla', p).val()); 
console.log($('#searchedCity', p).val());

Answer 2

$p('#bla') #bla那是因为您在父容器中搜索元素。那里不存在..在当前iframe中加载jquery并使用$..

$p=parent.window.$;
$p(document).ready(function (){
    console.log($('#bla').val()); 
    console.log($p('#searchedCity').val());
   }
);

是的，当父母的文档准备好时，您正在调用这些函数，这可能无法正常工作..

$(document).ready(function (){
    console.log($('#bla').val()); 
     $p=parent.window.$;
    console.log($p('#searchedCity').val());
   }
);

Answer 3

尝试这个：

$p=parent.window.$;
    $p(document).ready(function (){
        console.log($('#bla').val()); 
        console.log($p('#searchedCity').val());
    }
);