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
Lepaskan: 2016-05-16 15:03:07
asal
1274 orang telah melayarinya

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:

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;
    }
  });
}
Salin selepas log masuk

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. .

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan