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

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

例如

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

  1. <buttonxa0class="delete">deletexa0date</button>

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

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

解决

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

 

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

评论

   0   访客  0
  • 波浪
  • 波浪
  • 波浪
  • 波浪