javascript - 为什么 ("click"、 "button"、...) 上的 jQuery 在单击按钮之前运行？

Question

我刚刚学习 jquery，我遇到了我不理解的行为。我有:

html:

<div id="tour" data-location="london">
    <button>Get Photos</button>
    <ul class="photos"></ul>
</div>

和jQuery:

var tour = {
    init: function () {
        $("#tour").on("click", "button", alert("clicked"));
    }
};
$(document).ready(function () {
    alert("hello");
    tour.init();
});

正如我所料，加载 dom 后会出现“hello”警报。但是，“单击”警报也会触发，并且在按下按钮时不会随后触发。

http://jsfiddle.net/abalter/295sgf5c/2/

Answer 1

如果您希望在单击按钮时执行它，则需要将其包装在函数中:

Updated Example

var tour = {
    init: function () {
        $("#tour").on("click", "button", function () {
            alert("clicked")
        });
    }
};