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

Question

在我用包含data-role元素的AJAX生成的HTML填充明细表div后，无法应用jQuery Mobile功能。 我尝试重新排序，包括将脚本放在body标签中，无济于事。 有没有办法强制jQuery在我的AJAX之后运行？

schedule.html:

<html>
  <head>
    <script src="../javascript/agenda.js"></script>
    <script> loadSchedule(); </script>
    <script src="../javascript/jquery-1.11.1.min.js"></script>
    <script src="../javascript/jquery.mobile-1.4.4.min.js"></script>
  </head>
<body>
  <div id="schedule"></div>
</body>
</html>

agenda.js:

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

抱歉，我对JS非常陌生。

Answer 1

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

jQuery文档链接： http : //api.jquery.com/on/

用法示例：

$(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生成的HTML填充页面

问题描述

1 个解决方案

解决方案1
0 2014-10-22 22:08:14

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

问题描述

1 个解决方案

解决方案1 0 2014-10-22 22:08:14

解决方案1
0 2014-10-22 22:08:14