Click event not working inside colorbox

Question

there is a link on my website. When I click on it a colorbox opens with some content.

There is a link in the colorbox's content and I want to add a click event on that link but its not working.

$('.link').on('click', function() {
alert('a');
});

Could you add an example of not working part to hsfiddle, leave a refer to website or provide an html? — PassTeT, Oct 28 '16 at 16:30
Are you sure the anchor tag has the class link? If so, probably `$(document).on('click', '.link', alert)` should work — Washington Guedes, Oct 28 '16 at 16:43
Possible duplicate of [Event binding on dynamically created elements?](http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements) — Heretic Monkey, Oct 28 '16 at 16:58

score 1 · Answer 1 · answered Oct 28 '16 at 16:31

Jquery only works with elements that are loaded. make sure that you are setting up this code after the colorbox is loaded. you can do that by wrapping it in a $(doument).ready(function(){}); on the colorbox html page

$(doument).ready(function(){
    $('.link').on('click', function() {
           alert('a');
     });
});

Click event not working inside colorbox

1 Answers1