我写了这段代码，我需要用jquery处理点击事件，但它在任何浏览器中都不起作用，当我点击任何元素时没有任何反应。 div 在 css 中没有 z-index；
动态添加漏洞“新闻”元素 这是html代码
<div class="news">
<div class="meta-inform">
<div id="waiting">not accepted</div>
<div id="accpted">accepted</div>
<div class="edit">
<div class="editedBy" id="editedBy" >
<div id="editLabel" style="display:inline">edited by</div>
<div id="editorName" style="display:inline">arvin</div>
</div>
<div id="editTime" class="editTime">
<div id="editDate" style="display:inline" >چdate</div>
<div id="editDate" style="display:inline">time</div>
</div>
</div>
</div>
<div id="littleNews">
<div id="number">1000</div>
<div id="divider1"></div>
<div id="title">title</div>
<div id="divider2"></div>
<div id="littleNewsTime">time</div>
<div id="littleNewsDate">date</div>
<div id="divider3"></div>
<div id="category">cat</div>
<div id="part">part</div>
<div id="segment">sgmnt</div>
<div id="divider4"></div>
<div id="writer">writer</div>
<div id="view">view post</div>
</div>
<div class="functions">
<div id="edit">edit</div>
<div id="delete">delete</div>
<div id="accptThis">accept</div>
</div>
</div>
这是我的 jquery 代码
$(document).ready(function () {
$("#littleNews").click(function () {
alert("hi");
});
});
并且它不适用于“新闻”类中的任何元素
我有这段代码，这段代码创建了整个 div
$("#news").clone().appendTo("#mainDiv").attr("id","news"+(i+1))
您的代码和 HTML 工作得很好 在 jsFiddle 中，正如您所展示的那样。 所以，这并不是你所展示的那些东西的问题。 它更可能与页面或动态 HTML 中的环境有关。 一些可能性：
".news"如果您的 HTML 是在安装事件处理程序后动态添加的，那么您需要使用委托事件处理，如下所示：
$(document).ready ( function () {
$(document).on ("click", "#littleNews", function () {
alert("hi");
});
});
提示：
$(document)#littleNews$(document)从您的问题中不清楚，但如果您还希望事件处理程序涵盖
.news尝试这样的事情
$(document).on('click','#littleNews',function () {
alert("hi");
});
试试这个，
$(function () {
$("#littleNews div").on('click',function () {
alert($(this).text());
});
});
你问的是“新闻”课。您发布的代码没有以任何方式引用它。
也许你想要这个？
$(document).ready(function () {
$("#littleNews, .news").click(function () {
alert("hi");
});
});
确保您没有忘记将 jQuery 库添加到 html 文件中。 如果发生这种情况，请从 google 或 microsoft cdn 添加到
<head> </head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
可能是littlenews div 上的div 标签之一。
测试用：
为所有div设置（边框：1px红色实心）。
希望能帮到你。