Javascript JQuery-On-Click事件处理程序

我有一个按钮，我正试图附加一个事件处理程序。我试过两种不同的方法，但似乎都不管用。有什么东西不见了吗

//on ready
$( document ).ready(function() {

    //this triggers when page loads, why?
    //$("#button").on('click', alert("clicked"));   

    //this doesn't work, why?
    $("#button").on('click', function() {
        alert("clicked");
    });

});

这里有一个JSFIDLE链接：

---

.on（）

添加到jquery 1.7+中。使用jq库的

.live（）

未捕获类型错误：未定义的不是控制台中的函数
，当页面加载时，第一个函数“触发”，因为第二个参数不是函数，而是调用方法
警报
，它的返回值将用作第二个参数。
$（“#按钮”）。on（'click'，alert（“clicked”）；
之所以有效，是因为（…）
在（…）

上的

求值之前先求值
警报（…）
，因此显示警报，然后抛出错误