AJAX GET請求內容未響應jQuery

Question

我目前正在嘗試通過AJAX get請求顯示所有用戶的成員列表。 一切工作正常，但附加到我HTML的內容無法響應其他jQuery腳本。

有沒有一種方法可以對HTML中檢索到的內容進行硬編碼？

這是我正在使用的請求：

jQuery(document).ready(function() {
    $.get("../assets/includes/memberlist.php", function(data) {
        $(".to-show").html(data);
    });
});

檢索到的內容中包含多個div，我應該可以切換這些div。 但這是行不通的。 如果查看源代碼，則附加的數據在源代碼中不可見。

這是應該執行切換技巧的腳本：

jQuery(document).ready(function($) {

  var $mores = $('.event-toggle').hide();
  var $items = $('.event-title');

  var $titles = $('.event-title').click(function() {
    var $more = $(this).next('.event-toggle').slideToggle();
    $mores.not($more).slideUp();
    var $title = $(this).toggleClass('event-title active-title');
    $titles.not($title).removeClass('active-title').addClass('event-title')
    return false;
  });
});

謝謝你的幫助！

Answer 1

僅通過查看頁面的源代碼，您將看不到任何新添加到DOM的代碼段。 您應該能夠使用Firebug或Chrome開發者工具，然后檢查DOM以查看新添加的內容。

還請記住，JQuery GET請求是異步的，因此您不能依靠它在第二個片段中可用。 理想情況下，您應該將該代碼放在函數中，然后在GET請求成功完成后調用它。

jQuery(document).ready(function() {
    $.get("../assets/includes/memberlist.php", function(data) {
        $(".to-show").html(data);
        /* FUNCTION TO OPERATE ON NEWLY ADDED DOM SHOULD GO HERE */
    });
});