원본 문서의 HTML을 JQuery를 사용하여 팝업 창에 복사하십시오.

Question

이것은 오버플로가 발생하는 첫 번째 게시물입니다 ... 나는이 사이트를 많이 좋아합니다!

내 질문 : JQuery를 사용하여 시작 페이지의 요소를 팝업 창으로 복사하려면 어떻게해야합니까?

는 여기에 지금까지 시도 무엇 : 나는 또한 시도했다

CopyToThisPageFromTheParent('#accordianResults'); 
function CopyToThisPageFromTheParent(querySelector) { 
    var clone = $(querySelector, window.parent.document).clone(); 
    $('#testHtml').append(clone); 
    alert($('#testHtml').html()); 
} 

:

var clone = $('#accordianResults', window.parent.document).clone(); 
    alert($('#testHtml').html()); 

감사합니다!

다윗은

Answer 1

필자는 자바 스크립트에 두 가지 문제점이있었습니다.

1. 내가 어떤 이유로 window.opener.document
2. 대신 window.parent.document 사용하던으로 .Append() 구문은 나를 복제 된 개체

에게 추가 할 수 없습니다 것 대신 HTML을 복제본에서 .append()로 전달하기 위해 JQuery 선택기에 매달린 .html() 항목을 사용해야했습니다. 여기

는 결국 최종 결과입니다

CopyToThisPageFromTheParent('#accordion', '#testDiv'); 

function CopyToThisPageFromTheParent(openingWindowSelector, childWindowSelector) { 
    var clone = $(openingWindowSelector, window.opener.document).clone(true); 
    var theOuterHtml = clone.wrap('<div></div>').parent().html(); 
    $(childWindowSelector).append(theOuterHtml); 
} 

이 나는이 HTML 있다고 가정한다 : 내 팝업창의 페이지

<div id="testDiv"></div> 

을,이 HTML :

<div id="accordion">something</div> 

내 메인 페이지에서 "window.open();"을 사용하여 팝업 창을 엽니 다.

감사합니다, 데이비드

Answer 2

당신은 다만 할 수 있습니다

 
$("#testHtml").html($(querySelector).html()) 

Answer 3

나는이 약이 무엇인지 확실하지 않다 :

$(querySelector, window.parent.document)

$ 기본적으로 전체 DOM에서 선택합니다. 그것은 작동해야처럼 실제로, 선택기가 페이지에 것들에 대한 올바른 가정, 모양,

$(querySelector)

귀하의 코드 : 즉 기능적으로 동일합니다.