Javascript 即使CSS选择器不起作用,单击功能也不起作用
我有一个缩略图库,里面都有class.thumb,是由一个朋友编写的php代码添加的。我尝试添加一个简单的单击功能:Javascript 即使CSS选择器不起作用,单击功能也不起作用,javascript,jquery,html,Javascript,Jquery,Html,我有一个缩略图库,里面都有class.thumb,是由一个朋友编写的php代码添加的。我尝试添加一个简单的单击功能: $('.thumb').click(function () { console.log('test'); }); 它不会记录任何东西。在切换到php之前,我也尝试过这个方法,但仍然不起作用。当时,图像是用jQuery导入的 以下是相关的html代码: 你在上面的HTML中没有任何一个拇指类 但一旦您这样做了,只需添加文档即可 $(document).r
$('.thumb').click(function () {
console.log('test');
});
它不会记录任何东西。在切换到php之前,我也尝试过这个方法,但仍然不起作用。当时,图像是用jQuery导入的
以下是相关的html代码:
你在上面的HTML中没有任何一个拇指类 但一旦您这样做了,只需添加文档即可
$(document).ready(function(){
$('.thumb').click(function () {
console.log('test');
});
});
看起来你正在动态加载你的缩略图;您应该如下设置事件处理程序:
$(document).on("click", ".thumb", function () {
console.log('test');
});
thumb类在哪里?假设你确实有一个元素与该类在一起,你知道你没有真正的DOM就绪处理程序,你得到的只是一个IIFE。为什么?答案是不是,代码没有在document.ready上运行,因此如果在加载所有元素之前加载脚本(例如在中),它仍然会失败。一旦单击公文包下的类别,它将通过php添加。确定确定,放松,我添加到doc ready部分。我只是说,如果你没有这门课,那就没用了。和@sodiumnitrate您应该指定它是通过php@sodiumnitrate-然后您必须执行$document。单击“.thumb”,函数{。。。
$(document).ready(function(){
$('.thumb').click(function () {
console.log('test');
});
});
$(document).on("click", ".thumb", function () {
console.log('test');
});