javascript - 当类名相同时单击事件不起作用

标签 javascript jquery html css

为什么点击事件在这里不起作用?我的错误是什么?

$(document).ready(function() {
  $('.dashboardList').click(function() {
    alert("hello");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="dashboardList unread">
<div class="dashboardList unread">
<div class="dashboardList unread">
<div class="dashboardList unread">
<div class="dashboardList unread">

最佳答案

您的 div 是空的并且没有关闭。

先关闭它们

$(document).ready(function() {
  $('.dashboardList').click(function() {
    alert("hello");
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="dashboardList unread">test</div>
<div class="dashboardList unread">test</div>
<div class="dashboardList unread">test</div>
<div class="dashboardList unread">test</div>
<div class="dashboardList unread">test</div>

关于javascript - 当类名相同时单击事件不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41609121/

相关文章:

javascript - 如何在 Firefox 插件中从 main.js 调用内容脚本函数

jQuery Plupload 限制上传次数

javascript - 如何使用 jquery 根据第一次点击获取下一个元素的值

javascript - html2canvas - 如何定义顶部、左侧、底部、右侧以进行自动裁剪?

javascript - jQuery Ajax : Old content flicks in before showing the loaded content

javascript - React Error : Objects are not valid as a React child, 如果您打算渲染子集合,请改用数组

javascript - 如何使用 vanilla javascript 将 HTML 附加到两个相似的元素?

javascript - 暂停后如何停止加载嵌入的youtube视频

html - HTML tbody 的目的是什么?

javascript - 如何将灯箱添加到网页链接