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