2013-04-15 2 views
3

iframe에서 작동하고 싶지만 js를 정의하면됩니다. 부모 문서에서는 iframe 내부에 "소개"되어야하는 요소를 인식하지 못합니다. iframe 내부에서 사용하면 효과는 예상 한 것과 다릅니다 (오버레이는 iframe 만 포함). iframe의 Intro.js

은 [Intro.js가 iframe.png 내부에 사용되는] https://dl.dropboxusercontent.com/u/6421243/Intro.js%20being%20used%20inside%20an%20iframe.png

는 부모를 통해 오버레이를 iframe이 내부의 요소를 검색하지만 여전히 표시되도록 내가 플러그인 코드와 함께 할 수있는 뭔가가 있나요?

업데이트 : 전체 페이지에서 검은 색 오버레이를 원합니다. (iframe의 테두리도 덮을 것입니다.)

답변

1

우선 iframe 외부에서 JavaScript 코드를 정의하면 해당 코드에 액세스 할 수 없으므로 더 이상 내부 iframe에서 사용할 수 없음을 알아야합니다.

그래서 코드를 iframe 안에 넣어야합니다.

업데이트 : 그래서 IntroJs가 잘못하여 오버레이를 잘못 정의하도록 컨테이너 요소를 잘못 넣은 것 같습니다. 요소 컨테이너를 업데이트하고 변경하면 아무런 문제가 없습니다.

+0

물론 : 부모에

, iframe을 iframe을에서

, 당신은 둘 사이의 통신에

필요 어떤 도구 설명 실행 툴팁을 제거하고 단지 강조는, 이것 좀 봐 , 위의 내용을 업데이트했습니다. –

+0

@FernandoCMartinelli 답변이 업데이트되었습니다. –

+0

업데이트 감사 : Afshin : 그러나 나는 아직도 문제를 충분히 명확히하지 않았다고 생각합니다. 이 경우에는 컨테이너가 없기 때문에 iframe에 요소를 추가하기를 원합니다 (introJs()를 호출하기 만하면됩니다. iframe 내부에서) 그러나 오버레이로 전체 부모를 감싸고 싶습니다. 이제 오버레이는 iframe의 을 덮고 있습니다 (문제의 링크에서 printscreen을 참조하십시오). 어떻게해야합니까? 감사! –