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，我应该可以切换它们。但这不起作用。如果我查看我的源代码，附加数据在源代码中是不可见的。

这是执行切换技巧的脚本：

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

AJAX GET 请求内容未响应 jQuery

AJAX GET request content not responding to jQuery

html

javascript

ajax

jquery

get