无法在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();