javaScript可以处理ajax调用中新添加的DOM元素吗?

Question

我不是javascript专家，但我有以下问题。我有以下脚本:-

<script type="text/javascript">
        $(document).ready(function () {
            $("#DCSort").click(function () {

这表示的是:-1. 该脚本将在文档加载完成时运行。2. 当DCSort DOM元素被点击时。

我的问题如下:-假设在文档加载之后，一个带有DCsort的新元素取代了旧的DCsort元素，那么当使用Ajax调用添加了新添加的DCsort元素并使用click单击它时，原始的javascript会触发吗?由于

Answer 1

代替-

$("#DCSort").click(function () {

with this -

$("body")on('click', '#DCSort', function () {

它使用事件委托来解释在DOM最初呈现后添加到DOM中的项。

Answer 2

您需要事件委托在这种情况下:

事件委托允许我们在父元素上附加一个事件监听器，它将为所有匹配选择器的后代触发，无论这些后代现在存在还是将来添加。

$(document).on('click','#DCSort',function () {