iframe에 일련의 자식을로드하는 부모가 있습니다. 부모님의 js 파일을 외부 js 파일로 옮겨 조금 정리했습니다. 그러나 지금은 어린이 중 한 명과 관련된 기능에 연결하는 데 어려움을 겪고 있습니다.부모의 외부에서 자식의 함수를 호출 JS
나는 부모가 완성되면 각 어린이가 화면에 있는지 확인하고 맞춤 기능이 있는지 확인해야하는 오디오 태그를 부모에게 제공합니다. 그러나 함수가 정의되지 않은 오류를 제공합니다. 다음은 부모의 외부 j에서 가져온 샘플 코드입니다. 'pageThreeCustom'이 함수라는 것을 알지 못합니다. 올바르게 경로를 지정하지 않을 것이라고 확신합니다. document.getElementById를 추가하여 iframe ID를 타겟팅합니다. 자식은 행운이 없습니다.
console.log(document.getElementById('p3').contentWindow);
당신은 대신 창 개체를 사용하여 시도 할 수 있습니다 :
var audio = document.getElementById('audio');
audio.addEventListener('ended', function(){
console.log("audio ended.");
//ON AUDIO END
if ($('#a1').isOnScreen()) {
//example audio swap
//$(audio).attr('src', "audio/tts/COC_2018_slide1a.mp3");
}
else if ($('#a2').isOnScreen()) {
}
else if ($('#a3').isOnScreen()) {
//find page function
document.getElementById("p3").contentWindow.pageThreeCustom();
}