Javascript 在JQuery应用功能之前，如何使用AJAX生成的HTML填充页面

在使用AJAX生成的包含数据角色元素的HTML填充schedule div之后，我无法应用jQuery Mobile功能。我尝试过重新排序，包括将脚本放在body标签中，但没有成功。有没有办法强制jQuery在我的AJAX之后运行

schedule.html：

---

提前道歉，因为我完全不懂JS。

我不确定我是否完全理解您的问题，但听起来您在将JQuery事件应用于动态内容时遇到了问题。JQuery通过.on函数处理动态内容，该函数基本上将您的绑定追溯应用到与选择器匹配的所有新创建的DOM元素

JQuery文档链接：

用法示例：

$(document).ready(function() {
    $("body").on('click', '#my_new_div', function() {
        // this event is fired when clicking on div#my_new_div even if it is dynamically created
    });
});

---

希望这有帮助

你可以通过：jQuery的ajax函数有一个async:false选项来实现，我相信这会满足你的需求，但这可能是一个糟糕的用户体验，因为它会锁定屏幕，加载页面可能需要更长的时间。为什么你需要jQuery在loadSchedule之后加载？您可以使用jquery中的$.ajax来完成您在基本javascript中所做的工作。如果您将所有文件移到最后，那么将加载第一个agenda.js，然后执行loadSchedule，然后加载jquery文件。这是你要求的。或者在agenda.js中有AJAX？然后，将jQuery的srcipt标记作为普通html添加到AJAX回调成功函数中的end-on-body中查看jQuery mobile中的刷新方法

function loadSchedule(){
  text = "...LOTS OF AJAX HTML GENERATION...";
  document.getElementById("schedule").innerHTML = text;
}

$(document).ready(function() {
    $("body").on('click', '#my_new_div', function() {
        // this event is fired when clicking on div#my_new_div even if it is dynamically created
    });
});