jquery在ajax新加入的元素後綁定事件click

標籤：read   doc   ready   ajax   列表   class   art   att   content   

使用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