Как связать событие щелчка с событием, которое не загружать еще

Question

У меня есть образец

мой пример JS код:

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

Существует событие нажмите на двух кнопок, проблема в том, что эти две команды div настроены последовательно, а событие, в котором я нуждаюсь, не работает.

Мне нужно, чтобы сделать событие click на двух кнопках, даже если кнопки появятся позже.

Мой код javascript загружается слишком быстро.

Answer 1

Использование document.ready(). Он не будет устанавливать код, если содержимое сайта и его компоненты не будут полностью загружены.

Примечание: это решение не работает для асинхронных вызовов, используемых для динамического добавления элементов в DOM. Если вы хотите добавить элементы динамически, проверьте следующую ссылку: Event binding on dynamically created elements?

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