jquery在ajax新加入的元素后绑定事件click

Posted 2020-09-16 mfmdaoyou

使用YII在做一个点击小图。能够在弹出窗体中显示大图的功能的时候，发现。GridView首页面的列表项按点击时一切正常，但按下了下一页后。 再点击小图，就不起作用了。原来，这是GridView使用了ajax分页，分页后的元素是新添加的，所以不会绑定事件，要改变这种状况，能够例如以下方法解决。

原来的代码：admin.php

$(document).ready(function(){
        $(".r_img img").click(function(){
            var path=$(this).attr("src");
            $("#show_img img").attr({src:path});
            $("#mydialog").dialog("open");
        });
    });

 

改动后的代码：

  $(document).on('click',".r_img img",function(){
      var path=$(this).attr("src");
            $("#show_img img").attr({src:path});
            $("#mydialog").dialog("open");
  });