将html文件加载到页面后，脚本无法运行

Question

i have a problem with my page. When i click on a link on my page, it will load a external html inside a div in the page. the div with the id="div1". (AJAX)

It works perfect.

the external html-page which has been loaded includes a div with the id="rex" .

My Problem is:

i have a script, which must add content in the div (with the id="rex") i wrote the script in the external file, but it doesn't run. probably i must write my script in the page and not in the external html-file.

here the script Number 3:

$('#rex').ready(function() {
    var url="genredetail.php";
    var activitydetail = sessionStorage.activitydetail;

    $.getJSON(url,function(json){
        $.each(json.genredetail,function(i,item){
            if(item.name == activitydetail){
                $('<p class="excerpt">' + item.beschreibung3 + '</p>').appendTo('#rex');
            }
        });
    });
});

This script must run when the external file (with the div id="rex") has been loaded. But it doesn't :-( What can i do? Is the problem that the script runs before the page get the <div id="rex"> ?

Thanks in advance, and sorry my bad english :-S

A picture for more clearness

the script number 1 makes the link. when i click on a link, the script number 2, let the site load in the div1. The script number 3 must fill the div="rex" with informations. but it doesn't run.

Answer 1

try onload

$('div').on("load","#rex",function() {

do something

});

Answer 2

Try using setInterval, so it check the element rex every 0.5 s

var myInterval = setInterval(function(){
            if ($("#rex").length)
            {
                var url="genredetail.php";
                var activitydetail = sessionStorage.activitydetail;

                $.getJSON(url,function(json){
                $.each(json.genredetail,function(i,item){
                if(item.name == activitydetail){

                $('<p class="excerpt">' + item.beschreibung3 + '</p>').appendTo('#rex');
                clearInterval(myInterval);
            }
    }, 500);

Answer 3

You need to reload the script if it is already loaded. As you said you are loading the external html inside a div, does it include the external js file you are using? if not please include it.