javascript - 如何将点击事件与尚未上传的事件链接

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

我有一个样本

我的 JS 代码示例:

$('.owl-next, .owl-prev').on("click", function() {
    alert("1");
});

两个按钮都有点击事件，问题是这两个div连续配置，我需要的事件不起作用。

我需要一个建议，如何使两个按钮上的单击事件起作用，即使按钮稍后出现。

我的 JavaScript 代码上传太快。

Answer 1

使用document.ready()。除非网站内容及其组件完全加载，否则它不会设置代码。

注意:此解决方案不适用于异步调用，用于动态添加元素到 DOM 中。如果您想动态添加元素，请检查以下链接: Event binding on dynamically created elements?

$(document).ready(function() {
  $('.owl-next, .owl-prev').on("click", function() {
    alert("1");
  });
});