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

仅通过查看页面的源代码，您将无法看到任何新添加的片段。您应该能够使用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

1 个答案: