javascript - Trying to reference a class after the page loads with colorbox -

i have list of links generated after button click, obviously, these links rendered after page , jquery has loaded. links like:

<a class="person" href="xxxxxx.xxx"</a>

the jquery i'm using is:

$(document).ready(function(){ $(".person").colorbox({iframe:true, width:"80%", height:"80%"}); };

assigning class link on page renders page works correctly. how can utilize jquery reference tags, classes, etc. load afterwards?

maybe im missing something.. cant set .ready function own callable function ?

so example:

var reloadpeople = function(){ $(".person").colorbox({iframe:true, width:"80%", height:"80%"}); }

then everytime 1 added after document load can run function

reloadpeople();

im not familiar colourbox javascript same round! :)

javascript jquery html colorbox

Four