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();