使用jQuery的Ajax刷新出来的数据,再次使用jQuery操作

在使用jQuery的Ajax刷新数据的时候刷新之后发现内中的的元素无法再次使用jQuery操作

例如

点击.left_sidebar #user后,会进行刷新出一个button,但是button再次点击就无效了。

  1. <button class="delete">delete date</button>

但是,点击这个button并不能触发jquery,怎么让这个button生效?

  1. $(document).ready(function(){
  2.     $(".left_sidebar #user").click(function(){
  3.         $(".content").load("./php.php");
  4.     });
  5.     $(".delete").click(function(){
  6.         alert("成功");
  7.     });
  8. });

解决

  1. $(document).ready(function(){
  2.     $(document).on('click','.left_sidebar #user',function(){
  3.         $(".content").load("./php.php");
  4.     });
  5.     $(".delete").click(function(){
  6.         alert("成功");
  7.     });
  8. });

 

喜欢就支持以下吧
倾尘SEO
  • 本文由 倾尘SEO 发表于 2021年8月9日
  • 转载请务必保留本文链接:https://www.qcwlseo.com/jquery-ajax-refresh-again-using-jquery.html
 评论   0   访客   0