1. 程式人生 > >ajax動態載入頁面,對頁面的按鈕繫結點選事件

ajax動態載入頁面,對頁面的按鈕繫結點選事件

如題,動態載入過來的內容不在開始就載入的頁面中,所以繫結事件無效。

歷程:
開始使用正常的jQuery click 繫結
$("#site_add").click(addSite(userid));

無效

去網上逛了一圈回來,說是用.on 繫結
$("#site_add").on("click", addSite(userid));

無效

求教他人,給我說也是用.on,不過是通過委託的方式,如下:

$(document).on(“click”, “#site_add”, function() {
});

有效

你以為這就完了,還沒有,我想把function 換成我寫好的方法 addSite(userid),
結果如下:

$(document).on("click", "#site_add",addSite(userid));

問題來了,click事件又失效了,鬱悶。
改吧,怎麼改呢?想到了變數,如下:

var add = addSite(userid);
$(document).on("click", "#site_add",add());

激動啊,執行一下,點選無效啊。
苦思冥想了半天笑了,為啥?因為可以寫成如下形式:

$(document).on("click", "#site_add", function() {
    addSite(userid);
});

記錄一次成長經歷。