Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 即使CSS选择器不起作用,单击功能也不起作用_Javascript_Jquery_Html - Fatal编程技术网

Javascript 即使CSS选择器不起作用,单击功能也不起作用

Javascript 即使CSS选择器不起作用,单击功能也不起作用,javascript,jquery,html,Javascript,Jquery,Html,我有一个缩略图库,里面都有class.thumb,是由一个朋友编写的php代码添加的。我尝试添加一个简单的单击功能: $('.thumb').click(function () { console.log('test'); }); 它不会记录任何东西。在切换到php之前,我也尝试过这个方法,但仍然不起作用。当时,图像是用jQuery导入的 以下是相关的html代码: 你在上面的HTML中没有任何一个拇指类 但一旦您这样做了,只需添加文档即可 $(document).r

我有一个缩略图库,里面都有class.thumb,是由一个朋友编写的php代码添加的。我尝试添加一个简单的单击功能:

$('.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');
});