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());
    }
);

在子iframe中使用父级的jquery

3 个答案: