php - jquery 在 ajax 调用中返回的按钮上

Question

我正在使用 AJAX GET 方法以按钮的形式从 mysql 数据库返回一些名称。这已成功完成，现在当我单击这些按钮之一时，我希望它调用一个正在运行的 JavaScript 函数。单击按钮时，我还想向该特定按钮添加一个类。我的做法如下 -

$('.btn').click(function() {        
    $(this).addClass('btn-warning');
});

但它没有添加任何类。这也是我在 AJAX 调用中回显的代码 -

echo "<button type='button' id=".$row['email']." class='btn names btn-link' onclick='personchange(\"".$row['email']."\",\"".$row['first_name']."\")'>".$row['first_name']."</button>";

非常感谢任何帮助

Answer 1

如果您在页面初始渲染后创建元素，则需要使用 .on() 方法，如下所示:

$('body').on('click', '.btn', function(){
  $(this).addClass('btn-warning')
});

其中'body'可以是包含所创建元素的任何元素的选择器。

参见http://api.jquery.com/delegate/