Gunakan jQuery untuk membuka pautan dalam tetingkap baru

Coretan kod berikut menunjukkan cara menggunakan jQuery untuk membuka pautan dalam tetingkap baru. Kod ini menambah peristiwa ke tag utama dengan kelas "Window baru", memaksa mereka untuk membuka dalam tetingkap baru.

$(function(){
  $('a.new-window').click(function(){
    window.open(this.href);
    return false;
  });
});

Contoh lanjutan: Membuka pautan oleh id

Kod ini mendapat ID div kontena, kemudian mendapat elemen div URL tersembunyi, dan akhirnya membukanya dalam tetingkap baru.

function openblog(blog_id) {
    //alert(blog_id);
    $('#blog-wrap-'+blog_id).hide();
    var blogurl = $('#'+blog_id+'-url').text();
    var location = "http://domainname/index.php?blogurl="+blogurl;
    window.open(location);
}

kod HTML yang sepadan (contoh):

<!--  需要補充具體的HTML結構 -->

Soalan Lazim pada tetingkap pemuatan jQuery

Apakah acara beban jQuery dan bagaimana ia berfungsi?

Acara beban jQuery adalah fungsi terbina dalam yang dicetuskan apabila elemen tertentu (seperti imej atau tetingkap) dimuatkan sepenuhnya. Acara ini biasanya digunakan untuk melaksanakan kod selepas elemen sasaran dimuatkan sepenuhnya, memastikan bahawa sebarang operasi atau interaksi ke elemen berlaku selepas ia tersedia sepenuhnya. Sintaks peristiwa beban ialah:

. Pemilih adalah elemen HTML yang anda mahu memohon acara LOAD, dan fungsi adalah kod untuk dilaksanakan apabila peristiwa beban berlaku. $(selector).load(function)

bagaimana untuk memeriksa sama ada jQuery dimuatkan di halaman saya?

Anda boleh menyemak sama ada jQuery dimuatkan pada halaman menggunakan kod JavaScript mudah. Contohnya adalah seperti berikut:

if (window.jQuery) {
  // jQuery已加載
  alert("jQuery is loaded");
} else {
  // jQuery未加載
  alert("jQuery is not loaded");
}

Kod ini memeriksa sama ada objek jQuery tersedia dalam skop tetingkap global. Jika ada, ini bermakna jQuery telah dimuatkan;

Apakah perbezaan antara acara beban jQuery dan acara window.onload?

Acara beban jQuery dan tingkap. Acara Muat turun kedua -dua api apabila elemen tertentu dimuatkan sepenuhnya. Walau bagaimanapun, perbezaan utama mereka adalah bahawa acara beban jQuery boleh digunakan untuk mana -mana elemen, manakala acara Window.onload hanya digunakan untuk keseluruhan tetingkap. Di samping itu, acara Load JQuery mengendalikan kesilapan lebih anggun daripada acara Window.onload.

Mengapa acara beban jQuery saya tidak berfungsi?

Terdapat banyak sebab mengapa acara beban jQuery anda mungkin tidak berfungsi. Sebab yang sama adalah bahawa elemen yang anda cuba cari dengan acara beban tidak ditentukan atau tidak wujud. Sebab lain mungkin bahawa jQuery itu sendiri tidak dimuatkan atau tidak dikaitkan dengan baik dengan fail HTML anda. Jika acara beban jQuery anda tidak berfungsi, pastikan anda menyemak isu -isu yang berpotensi ini.

Bagaimana untuk memuatkan kandungan luaran ke dalam div menggunakan acara beban jQuery?

Anda boleh menggunakan kaedah beban jQuery untuk memuatkan kandungan luaran ke dalam div. Contohnya adalah seperti berikut:

$("#divID").load("external_content.html");

Dalam contoh ini, kandungan fail "external_content.html" akan dimuatkan ke dalam div dengan id "divid". Sila ambil perhatian bahawa kaedah beban di sini berbeza dari acara LOAD. Kaedah beban digunakan untuk memuatkan data dari pelayan dan meletakkan HTML yang dikembalikan ke dalam elemen yang dipilih.

Bolehkah saya menggunakan pelbagai acara beban jQuery pada halaman yang sama?

Ya, anda boleh menggunakan pelbagai acara beban jQuery pada halaman yang sama. Setiap acara beban boleh mencari unsur -unsur yang berbeza dan melaksanakan fungsi yang berbeza. Walau bagaimanapun, ingat bahawa setiap acara beban akan dipecat secara bebas selepas elemen sasarannya dimuatkan sepenuhnya.

Adakah acara beban jQuery ditutup?

Ya, bermula dengan JQuery 1.8, acara beban telah ditamatkan, digantikan dengan kaedah ON. Kaedah ON menyediakan cara yang lebih kuat dan fleksibel untuk melampirkan pengendali acara kepada elemen. Walau bagaimanapun, untuk keserasian mundur, jQuery masih menyokong peristiwa beban.

Bagaimana untuk menggantikan acara beban menggunakan jQuery pada kaedah?

anda boleh melampirkan pengendali acara beban ke elemen menggunakan jQuery pada kaedah. Contohnya adalah seperti berikut:

$(function(){
  $('a.new-window').click(function(){
    window.open(this.href);
    return false;
  });
});

Dalam contoh ini, fungsi dilaksanakan apabila peristiwa beban berlaku pada elemen yang dipilih.

Bolehkah saya menggunakan acara LOAD JQUERY dengan AJAX?

Ya, anda boleh menggunakan acara LOAD JQUERY dengan AJAX untuk melaksanakan kod selepas permintaan AJAX selesai dan selepas kandungan dimuatkan ke halaman. Walau bagaimanapun, ambil perhatian bahawa peristiwa beban hanya dicetuskan untuk unsur -unsur tertentu seperti imej dan tidak biasanya untuk permintaan Ajax.

Apakah beberapa kes penggunaan biasa untuk acara beban jQuery?

Acara beban jQuery biasanya digunakan untuk melaksanakan kod selepas imej atau tetingkap dimuatkan sepenuhnya. Sebagai contoh, anda mungkin mahu menunjukkan animasi pemuatan sebelum beban imej, kemudian sembunyikan animasi dan memaparkan imej. Satu lagi kes penggunaan biasa adalah untuk melaksanakan kod yang berinteraksi dengan tetingkap selepas tetingkap dimuatkan sepenuhnya (seperti mengubah saiz atau menatal) untuk memastikan kod berfungsi dengan betul.

Atas ialah kandungan terperinci jQuery beban tetingkap baru. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!