无法使.on函数按预期工作

Question

我有一个html页面，其中包含以下html:

<div id="content">
    <div class="pagination">
        <a href=''>blah</a>
    </div>
</div>

转到具有以下js的页面不会返回任何警报：

$("#content").on(".pagination a", "click", function(event){
    alert("alert message")
})

用这个js转到同一个页面确实有效：

$("#content .pagination a".on("click", function() {
    alert("alert message")
})

为什么？在.on((API中，第一个应该将委托的功能绑定到内容id，第二个应该将其绑定到内容id中的a标记，但第一个没有发生。

我使用on()函数委派单击事件的方式有什么问题

Answer 1

.on()与.delegate() 不同

.on()的正确语法是-

on( events [, selector ] [, data ], handler(eventObject) )

你需要这个：

$("#content").on("click",".pagination a", function(event){
    alert("asdasdasd")
})

• http://api.jquery.com/on/
• http://api.jquery.com/delegate/

Answer 2

$("#content").on("click",".pagination a", function(event){
    alert("asdasdasd")
})

切换到上述定义