php - jquery 在添加 html 后向 div 添加切换功能

Question

我如何将切换功能添加到一个 div 中，该 div 在单击时填充了 ajax 响应。现在我可以实现这两个功能，但我需要点击两次才能在填充后显示 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() { 应该像 charm 一样工作。

在您的代码中，您在 .ex2 点击上附加了事件，因此如果您使用 ajax 添加更多 .ex2 元素。您没有在新元素上附加事件。当你在 body 上点击点击事件然后检查 .spnSelected clicked 这应该适用于新元素时。