Rumah hujung hadapan web tutorial js 为什么jquery使用click绑定的事件无效?

为什么jquery使用click绑定的事件无效?

Jun 27, 2017 am 10:14 AM
click jquery kenapa guna

jquery使用click绑定的事件无效

$(this).children(":last").prev().after("<div class=&#39;bounty-add&#39;><a target=&#39;_blank&#39; href=&#39;bounties.php#/p=add&XID=" + playerId + "&#39;>[Bounty]</a></div>"); 
$(this).children(":last").prev().after("<div class=&#39;info-add&#39;><a href=&#39;#&#39;>[Refresh]</a></div>");        
$("div.bounty-add").css(addStyle);
$("div.info-add").css(addStyle);
         
         
$(this).children(":last").prev().children("a").click(function() {
   alert("Hello");
});
Salin selepas log masuk

相关基本代码如上,Refresh这个a元素可以顺利获取,但就是绑定的click事件无效,在chrome“开发者工具”里"Elements"的“Event Listeners”也找不到有效绑定。
上边基本代码所添加的dom都有效,外层是两个each循环,不过感觉应该没啥影响,所有代码都能顺利执行,包括绑定这一步。就是执行完毕之后去点那个a元素无效,也找不到绑定了这个function。。。。。。。

$(this).children(":last").prev().children("a").on("click",function() {
   alert("Hello");
});
Salin selepas log masuk
Salin selepas log masuk

on我也试过,一样无效,好像这两个基本一样?
因为a元素本身就有可点击属性,所以点击之后,还是会响应其原始的事件,比如href=‘#’,就会在地址栏最后加一个#。。。。不知道会不会是因为原始事件覆盖了后加的事件?。。。。。

你之前的绑定是

$(this).children(":last").prev().children("a").on("click",function() {
   alert("Hello");
});
Salin selepas log masuk
Salin selepas log masuk

与普通click绑定一样
试试这样绑定

$(this).on("click",".info-add a",function() {
   alert("Hello");
});
Salin selepas log masuk

你的元素是动态生成的吗?
如果是的话用live或者delegate绑定

live jquery1.9就移除了啊,现在倒不是找不到元素或者无法绑定,而是绑定了之后无效。
我直接把a改成p元素,click listeners里面也有,但是那个alter("hello");怎么样都无法触发。。。。。。

首先,使用firebug查看是否页面出现了脚本错误
再次,确认你的代码找到了a元素
最后。你可以使用

$(document).on("click",".info-add",function(){
alert("ok")
})
Salin selepas log masuk

如果再不行,请发完整的代码给我

Atas ialah kandungan terperinci 为什么jquery使用click绑定的事件无效?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Arahan sembang dan cara menggunakannya
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Kenapa kawasan -kawasan yang dikurangkan ungu di susun atur flex tersilap dianggap sebagai 'ruang limpahan'? Kenapa kawasan -kawasan yang dikurangkan ungu di susun atur flex tersilap dianggap sebagai 'ruang limpahan'? Apr 05, 2025 pm 05:51 PM

Soalan mengenai kawasan slash ungu dalam susun atur flex Apabila menggunakan susun atur flex, anda mungkin menghadapi beberapa fenomena yang mengelirukan, seperti dalam alat pemaju (D ...

Adakah pengeluaran halaman H5 memerlukan penyelenggaraan berterusan? Adakah pengeluaran halaman H5 memerlukan penyelenggaraan berterusan? Apr 05, 2025 pm 11:27 PM

Halaman H5 perlu dikekalkan secara berterusan, kerana faktor -faktor seperti kelemahan kod, keserasian pelayar, pengoptimuman prestasi, kemas kini keselamatan dan peningkatan pengalaman pengguna. Kaedah penyelenggaraan yang berkesan termasuk mewujudkan sistem ujian lengkap, menggunakan alat kawalan versi, kerap memantau prestasi halaman, mengumpul maklum balas pengguna dan merumuskan pelan penyelenggaraan.

Bolehkah JS berjalan tanpa H5? Bolehkah JS berjalan tanpa H5? Apr 06, 2025 am 09:06 AM

Adakah JavaScript tersedia tanpa html5? Enjin JavaScript sendiri boleh berjalan secara bebas. Menjalankan JavaScript dalam persekitaran penyemak imbas bergantung kepada HTML5 kerana ia menyediakan persekitaran yang standard yang diperlukan untuk memuat dan melaksanakan kod. API dan ciri -ciri yang disediakan oleh HTML5 adalah penting untuk kerangka dan perpustakaan JavaScript moden. Tanpa persekitaran HTML5, banyak ciri JavaScript sukar dilaksanakan atau tidak dapat dilaksanakan.

Kenapa lembaran gaya tersuai berkuatkuasa pada laman web tempatan di Safari tetapi tidak di halaman Baidu? Kenapa lembaran gaya tersuai berkuatkuasa pada laman web tempatan di Safari tetapi tidak di halaman Baidu? Apr 05, 2025 pm 05:15 PM

Perbincangan Menggunakan Stylesheets Custom Di Safari Hari Ini Kami akan membincangkan soalan mengenai penggunaan gaya gaya tersuai untuk penyemak imbas Safari. Pemula depan ...

Apakah kelebihan pengeluaran halaman H5 Apakah kelebihan pengeluaran halaman H5 Apr 05, 2025 pm 11:48 PM

Kelebihan pengeluaran halaman H5 termasuk: pengalaman ringan, kelajuan pemuatan cepat, dan peningkatan pengekalan pengguna. Keserasian silang platform, tidak perlu menyesuaikan diri dengan platform yang berbeza, meningkatkan kecekapan pembangunan. Fleksibiliti dan kemas kini dinamik, tiada audit diperlukan, menjadikannya lebih mudah untuk mengubah suai dan mengemas kini kandungan. Kos efektif, kos pembangunan yang lebih rendah daripada aplikasi asli.

Tidak dapat log masuk ke mysql sebagai akar Tidak dapat log masuk ke mysql sebagai akar Apr 08, 2025 pm 04:54 PM

Sebab utama mengapa anda tidak boleh log masuk ke MySQL sebagai akar adalah masalah kebenaran, ralat fail konfigurasi, kata laluan tidak konsisten, masalah fail soket, atau pemintasan firewall. Penyelesaiannya termasuk: periksa sama ada parameter pengikat di dalam fail konfigurasi dikonfigurasi dengan betul. Semak sama ada kebenaran pengguna root telah diubahsuai atau dipadam dan ditetapkan semula. Sahkan bahawa kata laluan adalah tepat, termasuk kes dan aksara khas. Semak tetapan dan laluan kebenaran fail soket. Semak bahawa firewall menyekat sambungan ke pelayan MySQL.

Hubungan antara meja bootstrap dihiasi dan pengekodan halaman Hubungan antara meja bootstrap dihiasi dan pengekodan halaman Apr 07, 2025 pm 12:03 PM

Jadual Bootstrap Kod Garbled biasanya kerana pengekodan halaman tidak konsisten dengan pengekodan data jadual. Untuk menyelesaikan masalah ini, anda perlu memastikan ia konsisten. Langkah -langkah khusus termasuk: menyemak halaman dan pengekodan data jadual, menetapkan pengekodan halaman, dan mengesahkan pengekodan. Jika UTF-8 digunakan, pelayan juga harus menyokongnya. Jika ia tidak dapat diselesaikan, cuba gunakan perpustakaan pengekodan JavaScript.

Kenapa menggunakan gaya nama kelas contoh laman web rasmi dalam projek Element-Plus tidak mempunyai kesan? Kenapa menggunakan gaya nama kelas contoh laman web rasmi dalam projek Element-Plus tidak mempunyai kesan? Apr 05, 2025 pm 07:27 PM

Bagaimana cara menggunakan gaya nama kelas dengan betul dalam elemen-plus? Dalam proses menggunakan elemen-plus, banyak pemaju akan menghadapi masalah: mengapa mereka sendiri ...

See all articles