jquery在向其添加html后将切换功能添加到div

Question

如何将切换功能添加到在点击时填充了ajax响应的div。现在我可以实现这两个功能，但我需要两次点击才能在填充后显示div。我可以一键完成（即填充div并添加切换功能）吗？

非常感谢任何帮助。

我的代码：

$(document).ready(function(){ 
  $(".ex2").on('click', '.spnSelected', function() { 
    var self = $(this).closest("tr"); 
    var col1_value = self.find(".col1").text(); 
    $.ajax({ 
      type: 'GET', 
      url: 'reportForm.php', 
      data: { propid: col1_value }, 
      success: function(response) { 
        $('#form'+col1_value).html(response);
        $('#form'+col1_value).toggle(); 
      } 
    }); 
  }); 
});

Answer 1

第二行$(".ex2").on('click', '.spnSelected', function() {更改为$("body").on('click', '.ex2 .spnSelected', function() {应该像魅力一样。

在您的代码中，您在 .ex2 点击了附加事件，因此如果您使用ajax添加更多 .ex2 元素。你没有在新元素上附加事件。当您在正文上获得点击事件，然后检查 .spnSelected 是否点击了这个带有新元素的shuld工作。