Jquery.contents()
そのため、非表示の div を使用して、クリック時にポップ ウィンドウにコンテンツを配置することにより、内部 HTML ポップアップ ウィンドウの作業を実行しようとしています。
何らかの理由で、いずれかの div に がiframe
含まれている場合、html 内のそれらの後のすべての div を追加できません。これはある種のバグですか?次に例を示します。
<div class="hide">
<div id="apps">
<iframe src="http://ryansaxe.info/javascriptpaint" />
</div>
<div id="contact">
<ol>
<li>Phone: (111)-111-111</li>
<li>Email: email@gmail.com</li>
</ol>
</div>
<div id="resume">
<p>resume</p>
</div>
</div>
上記の場合#apps
、iframe があるためコンテンツのみが読み取られ、その後のすべてのコンテンツは読み取られません。div
id を持つが最後だった場合、#apps
Jquery.contents() を介してすべてのコンテンツが読み取り可能になります。
ジャスフィドル
ノート:
ここに私のjqueryがあります
$('.open').click(function(){
var name = $(this).attr("name");
var selector = $(name);
var cont = selector.contents();
$('#pop').append(cont.clone());
});
$('.close').click(function(){
$('#pop').empty();
});