javascript - 将 html 文件加载到页面后脚本不运行

Question

我的页面有问题。当我点击页面上的链接时，它将在页面的 div 内加载外部 html。 id=“div1”的 div。 (AJAX)

效果完美。

已加载的外部 html 页面包含一个 id="rex"的 div。

我的问题是:

我有一个脚本，它必须在 div 中添加内容(id=“rex”)我在外部文件中编写了脚本，但它没有运行。也许我必须在页面中编写脚本，而不是在外部 html 文件中。

这里是 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');
            }
        });
    });
});

此脚本必须在外部文件(div id=“rex”)加载后运行。但事实并非如此:-(我能做些什么？是页面获取 <div id="rex"> 之前脚本运行的问题吗？ ？

提前致谢，抱歉我的英语不好:-S

一张图更清晰

1 号脚本建立链接。当我单击链接时，脚本编号为 2，让站点加载到 div1 中。3 号脚本必须用信息填充 div="rex"。但它没有运行。

Answer 1

尝试加载

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

do something

});