자식 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에 직접 포함 할 때

을 반환합니다.

무엇이 누락 되었습니까? 너 나 좀 도와 줄 수있어?

Answer 1

. .. 어떤 존재 there..load의 JQuery와 현재 iframe에하지 않고 $을 사용 ..

$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 2

나는 그것이 같은 작업을 수행 알고하지만이 시도하지 않는 : 당신의 요소 부모 컨테이너에서 $p('#bla')#bla을 찾고 있기 때문이다

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

Answer 3

시험해보기 :

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