ajax動態載入頁面,對頁面的按鈕繫結點選事件
阿新 • • 發佈:2019-02-18
如題,動態載入過來的內容不在開始就載入的頁面中,所以繫結事件無效。
歷程:
開始使用正常的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);
});
記錄一次成長經歷。