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

Question

我有一个样本

我的 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");
  });
});