javascript execute on dynamically downloaded html

Question

I believe I've seen this somewhere but the past 30 minutes of google searching has not yielded an acceptable answer.

I'm using Bootstrap to generate a popover. I'm downloaded a table into a div using:

$(document).ready(function() {
  $('#jobTable').load('./includes/job_table.inc.php');
  $('#commpop').popover({trigger: 'hover'});
  setInterval(function() {
    $('#jobTable').load('./includes/job_table.inc.php');
    $('#jobTable #commpop').popover({trigger: 'hover'});
  }, 5000);//end reload
});//end load

This executes fine on the:

<a href="#" class="btn btn-success" id="commpop" rel="popover"
data-content="I'm working!" data-original-title="Further Details">hey you!</a> 

Which exists within my base php file, but does not work on an identical statement placed within the <div id="jobTable"></div> which is dynamically downloaded.

How do I apply this to that div as well? You can see my attempt above is not working...

EDIT: Yes, the $('#jobTable').load('./includes/job_table.inc.php'); is the jQuery AJAX statement I'm using to download and then periodically refresh the table.

Answer 1

$(document).ready(function() {
  $('#jobTable').load('./includes/job_table.inc.php', function() {
  alert('Load was performed.');
// do all your work here
});

});//end load

Answer 2

我想使用上面的答案，但不是定义像'./includes/job_table.inc.php'这样的部分路径，而是定义完整路径，这可能会有所帮助！