首页 > 代码库 > jquery在ajax新加入的元素后绑定事件click

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


 

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