Rumah >hujung hadapan web >tutorial js >acara jQuery mengikat pada() dan kod pelaksanaan tetingkap timbul_jquery

acara jQuery mengikat pada() dan kod pelaksanaan tetingkap timbul_jquery

WBOY
WBOYasal
2016-05-16 15:03:071275semak imbas

Selalunya terdapat tetingkap timbul pada halaman Beberapa tetingkap timbul dijana secara dinamik, dan beberapa tetingkap timbul disembunyikan di bahagian bawah halaman Untuk tetingkap timbul yang dijana secara dinamik, jika anda mahu memantau peristiwa tetingkap pop timbul, anda boleh menggunakan kaedah jQuery Event binding on() dilaksanakan.

Seperti yang ditunjukkan dalam gambar, tetingkap pop timbul dijana secara dinamik oleh js Ia muncul dengan mengklik pautan Selepas mengklik pautan "Gunakan Sekarang" dalam tetingkap timbul, kesannya ialah menutup pop timbul -atas tingkap dan lompat ke titik sauh.

Teg ini ialah:

Salin kod Kod adalah seperti berikut:

3d1699a677e1f40154f6e7349460a0bfGunakannya sekarang5db79b134e9f6b82c0b36e0489ee08ed

Kita perlu memantau acara klik dalam tetingkap timbul, tetapi tetingkap timbul itu sendiri dijana secara dinamik, jadi kita perlu memantau badan dan mengikatnya melalui acara on() Apabila timbul tetingkap dijana secara dinamik, kaedah klik boleh dipantau :

function jump_to_anchor() {
  $("body").on("click", "span[name='msgbox_info'] a, .act-pop-table a", function (e) {
    link = $(this).attr('href');
    if (link == 'http://act.vip.***.com/vip/2016/51dps/#gamelist') {
      e.preventDefault();
      msgExit();
      window.location.href = link;
    }
  });
}

Ini sebenarnya adalah peristiwa yang mengikat dengan dua teg a Apabila pautan ialah URL tertentu, gelagat lalai disekat dan kaedah penutupan tetingkap timbul dipanggil untuk melompat ke pautan, iaitu titik utama. .

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn