Pengendalian iframe dalam jQuery (klik butang untuk mencipta tetingkap baharu)_jquery

Saya menghadapi masalah hari ini: Bagaimana untuk mengklik butang untuk menambah tetingkap kecil baharu pada halaman semasa untuk memaparkan maklumat gambar?

Seperti yang ditunjukkan di bawah:

Sebelum mengklik:

Selepas mengklik:

Analisis: Untuk mengelakkan tetingkap kecil yang baru ditambah daripada menjejaskan halaman induk, kami menggunakan teknologi rangka kerja iframe di sini.

[

Idea pelaksanaan ialah: (1) Tambahkan acara klik pada butang, tambah tetingkap iframe selepas klik dan tambah alamat imej yang dijana.

Kod pelaksanaan khusus:

(1) Tambahkan acara klik pada butang:

<input type="radio" name="dynamicType" id="dianji" style="padding: 0 10px 0 5px;margin-left:10px;margin-top: 13px;"/>
<p class="loadPhoto"></p>
$("#dianji").click(function(){
　　$("p.loadPhoto").empty(); // 清空原来的p标签的中内容
　　$("p.loadPhoto").html("<iframe width=520 height=400 name=\"touzizuhe\" id=\"touzizuhe\" frameborder=0 src="生成图片的地址"></iframe>");// 添加iframe的jquery的语句
});

Nota: Selepas iframe dibangunkan di sini, alamat tempat imej dijana akan diakses secara automatik, supaya keperluan untuk penjanaan imej dipenuhi.

Ini semua tentang pengendalian iframe dalam jQuery (klik butang untuk mencipta tetingkap baharu, saya harap ia akan membantu anda!