Guiders.js attachTo가 iframe 내부에서 작동하지 않습니다.

Question

나는 guiders.js을 사용하여 사용자에게 유용한 정보를 제공합니다. div가 iframe 안에있을 때 attachTo 매개 변수를 사용하는 데 문제가 있습니다. thisId 페이지 내부 사업부의 ID를 참조하면

guiders.createGuider({ 
    attachTo: '#'+thisId, 
    buttons: [{name: "Ok", onclick: function(){ 
closeEdit(); 
    guiders.hideAll(); 
    } 
    }], 
    description: "<input value='new text'>", 
    id: "guiderToChangeParameter", 
    position: 3, 
    title: "title", 
    width: 400 
    }).show(); 

에서, attachTo 작동 : 여기

는 가이더의 코드입니다.

ifId가 iframe 내부의 div를 참조하는 경우, 은에 첨부되지 않았지만 표시됩니다.

guiders.js 라이브러리에 대한 일반적인 동작입니까? iframe 내부의 div에 실제로 연결하는 방법이 있습니까?

jsfiddle showing attachTo 작동 : http://jsfiddle.net/y3mzP/1/ jsfiddle는 iframe을 허용하지 않으므로 불행하게도 재생산 할 수 없습니다.

Answer 1

guiders.js뿐만 아니라 모든 JavaScript가 iFrame에 액세스 할 수 있다고 기대하지 않습니다. 상위 페이지의 요소를 상위 페이지의 요소 근처에 배치하려면 iFrame 메시지 게시 (https://developer.mozilla.org/en-US/docs/DOM/window)를 사용해야합니다. postMessage)가 내부에있는 스크립트를 사용하여 대상 요소의 x 및 y 위치를 부모 프레임의 스크립트로 중계합니다.

경우에 따라서는 내부 요소가 예상되는 대략적인 위치에 부모 페이지에 절대적으로 배치 된 투명한 div를 만들 수도 있습니다. 그런 다음 Guiders를 해당 투명 div에 첨부하십시오.