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 */
    });
});