How to link a click event with an event that didn't upload yet

Question

I have a sample

my JS code sample:

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

There is a click event on two buttons, the problem is that these two div's configure consecutively, and the event I need doesn't work.

I need a suggestion how to make the click event on the two buttons work, even if the buttons appear later.

My javascript code uploads too quickly.

What do you mean by "appear later" ? why don't you attach event on document ready ? — Tareq, Feb 20 '17 at 13:44

score 2 · Answer 1 · edited May 23 '17 at 12:16

2

Use document.ready(). It won't set the code unless the site content and it's components are fully loaded.

Note: this solution doesn't work for asynchronous calls, used for dynamical adding elements into DOM. If you want to add your elements dynamically, check following link: Event binding on dynamically created elements?

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

edited May 23 '17 at 12:16

Community

1
1

answered Feb 20 '17 at 13:44

kind user

40,029
7
67
77

1

You are right. Also, it is good to write script tags at the end of the body tag. – user218046 Feb 20 '17 at 13:45
@user218046 Exactly. – kind user Feb 20 '17 at 13:46
if the buttons appear later dynamically.Then your code will not work? – Hikmat Sijapati Feb 20 '17 at 13:47
Actually he didn't mention that his buttons are loaded dynamically. – kind user Feb 20 '17 at 13:48
`I need a suggestion how to make the click event on the two buttons work, even if the buttons appear later`.I think he mentions this. – Hikmat Sijapati Feb 20 '17 at 13:49
If it's loaded dynamically so he is using asynchronous calls. He didn't even tag the `asynchronous` keyword... – kind user Feb 20 '17 at 13:51
@ Kind user if he creates button using javascript then?Just make some edit so you answer will be good one. – Hikmat Sijapati Feb 20 '17 at 13:53
@Hekmat Made some edit. (: – kind user Feb 20 '17 at 13:58

How to link a click event with an event that didn't upload yet

1 Answers1