1. 程式人生 > >jquery在ajax新加入的元素後綁定事件click

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

path pen con art yii 例如 () click bsp

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