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);
});

记录一次成长经历。

参考：https://www.zhihu.com/question/23895785