jquery - .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()函数委托点击事件的方式有什么问题？

score 2 · Accepted Answer

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

切换到上面的定义

score 2 · Accepted Answer

.on()不同于.delegate()

正确的语法.on()是 -

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

你需要这个：

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

2 回答 2