juga harus menjadi bentuk bingkai Perbezaan daripada <frame> </p> <p>Saya menghadapi masalah hari ini: Bagaimana untuk mengklik butang untuk menambah tetingkap kecil baharu pada halaman semasa untuk memaparkan maklumat gambar? <br> </p> <p><span style="color: #ff0000"><strong>Seperti yang ditunjukkan di bawah: </strong></span><br> </p> <p>Sebelum mengklik: <br> </p> <p style="text-align: center"><img src="/static/imghw/default1.png" data-src="http://files.jb51.net/file_images/article/201604/20160420171040127.png" class="lazy" alt=""></p> <p>Selepas mengklik: <br> </p> <p style="text-align: center"><img src="/static/imghw/default1.png" data-src="http://files.jb51.net/file_images/article/201604/20160420171040128.png" class="lazy" alt=""></p> <p>Analisis: Untuk mengelakkan tetingkap kecil yang baru ditambah daripada menjejaskan halaman induk, kami menggunakan teknologi rangka kerja iframe di sini. <br> </p> <p>[<iframe> juga harus menjadi bentuk bingkai. Perbezaan daripada <frame> 】<br> </p> <p>Idea pelaksanaan ialah: (1) Tambahkan acara klik pada butang, tambah tetingkap iframe selepas klik dan tambah alamat imej yang dijana. <br> </p> <p>Kod pelaksanaan khusus: <br> </p> <p>(1) Tambahkan acara klik pada butang: <br> </p> <div class="jb51code"> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'> <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的jquery的语句 });Salin selepas log masuk 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!
