在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