Javascript 当类名相同时，单击“事件不工作”

为什么单击事件在此处不起作用？我犯了什么错

$（文档）.ready（函数（）{
$（'.dashboardList'）。单击（函数（）{
警惕（“你好”）；
});
});
您的
div
为空且未关闭

先把它们关上


$（文档）.ready（函数（）{
$（'.dashboardList'）。单击（函数（）{
警惕（“你好”）；
});
});

测试
测试
测试
测试
测试
您的
div
为空且未关闭

先把它们关上


$（文档）.ready（函数（）{
$（'.dashboardList'）。单击（函数（）{
警惕（“你好”）；
});
});

测试
测试
测试
测试
测试
您可以考虑
.on（）
jQuery的特性

jQuery的官方文档：

运行下面的示例，希望对您有所帮助：


//等待加载DOM
$（文档）.ready（函数（）{
//将事件及其回调绑定到选择器
$（'.dashboardList'）。在（'单击'，函数（）上）{
//公开单击的div的内容
警报（$（this.text（））；
});
});

测试1

测试2

测试3

测试4

测试5
您可以考虑一下jQuery的特性

jQuery的官方文档：

运行下面的示例，希望对您有所帮助：


//等待加载DOM
$（文档）.ready（函数（）{
//将事件及其回调绑定到选择器
$（'.dashboardList'）。在（'单击'，函数（）上）{
//公开单击的div的内容
警报（$（this.text（））；
});
});

测试1

测试2

测试3

测试4

测试5
您的
HTML
不完整，请将您的HTML修改为以下内容：


$（文档）.ready（函数（）{
$（'.dashboardList'）。单击（函数（）{
警惕（“你好”）；
});
});

1.
2.
3.
4.
5
您的
HTML
不完整，请将您的HTML修改为以下内容：


$（文档）.ready（函数（）{
$（'.dashboardList'）。单击（函数（）{
警惕（“你好”）；
});
});

1.
2.
3.
4.
5
检查这个箱子，看起来一切正常


我只是关闭所有的分区

<div class="dashboardList unread">one</div>
<div class="dashboardList unread">two</div>
<div class="dashboardList unread">tree</div>
<div class="dashboardList unread">for</div>
<div class="dashboardList unread">five</div>

检查一下这个箱子，看起来一切正常


我只是关闭所有的分区

<div class="dashboardList unread">one</div>
<div class="dashboardList unread">two</div>
<div class="dashboardList unread">tree</div>
<div class="dashboardList unread">for</div>
<div class="dashboardList unread">five</div>

在中使用event delegationRead在中使用event delegationRead