Zawijanie zawartości Div z javascript bez odświeżania iframe

Question

Zasadniczo chcę zawinąć niektóre treści na mojej stronie w div.

Mogę to zrobić za pomocą funkcji wrap w jQuery, ale moim problemem jest to, że mam kilka elementów iframe w moich treściach, które zawierają reklamy, a po zawinięciu zawartości odświeża ramki iframe.

Z tego, co mogę powiedzieć, to dlatego, że za kulisami klonuje zawartość, która ma zostać opakowana w nowy element div.

html

<div class="content"> 
    <iframe src="http://something.com/ads"></iframe> 
</div> 

js

$(content).wrap('awesome_container');

Idealnie chciałabym tylko szczelina w niektórych otwartych znaczników DIV przed zawartości div i kilku bliskich div tagi później, ale nie mogę wydaje się dodawać dowolne elementy div do strony bez dodawania znaczników zamykających.

Czy ktoś wie o sposobie obejścia tego problemu?

Cheers

Answer 1

Zamiast usuwania html lub kopiowaniem go, czy można uzyskać pożądany wynik za pomocą odłączenia jQuery() Pozwoli to również niezależnie od zdarzenia zostały skojarzone z tym elementem i jej dzieci nadal działaj później. Może wystarczyć zachowanie obiektu iFrame zamiast go zabić.

var orphan = $(selector).detach() 
someParent.html(orphan); 

Daj mi znać, czy to pomaga :)

Answer 2

myślę wrap wewnętrznie używa html sposób ustawić znaczników do przekazany w pojemniku z powodu których iframe jest odświeżany. Jeśli użyjesz metody append, nie odświeżysz iframe, ponieważ po prostu przeniesiesz element z jednej lokalizacji do drugiej. Spróbuj stworzyć swojego wspaniałego contianer, a następnie dołącz do niego div content.

$('.content').before("<div id='awesome_container' />"); 

$('#awesome_container').append($('.content'));