javascript - 无法在 pjax 请求上使用 jQuery 操作 HTML 元素

Question

正常加载页面（通过地址栏访问页面）时，我可以正常工作：

$(function () {
    $("#verify").click(function (event) {
        event.preventDefault();
        // ...

但是，如果我通过 pjax 调用（ https://github.com/defunkt/jquery-pjax ）导航到页面（包含按钮：id="verify"），则 JS 代码看不到按钮。

如果我点击刷新，它会起作用。

我该如何克服这个问题？

Answer 1

这是因为当您使用 pjax 时，您正在处理动态创建的元素，在这种情况下您需要使用事件委托

尝试

$(function () {
    $(document).on('click', "#verify", function (event) {
        event.preventDefault();