如何将点击事件与尚未上传的事件相关联

Question

我有一个样本

我的JS代码示例：

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

两个按钮上有一个click事件，问题是这两个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");
  });
});