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

使用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");
  });