Javascript 通过Ajax按钮加载的内容

我有一个通过ajax加载的html页面，新加载的html内容包含以下html。当我首先加载html，然后初始化javascript时，它通常工作得很好

<a href="" class="ajax-button" data-url="/account/change-password">Change password</a>

然而，由于加载的是新的html内容，我认为问题在于通过ajax加载html内容时javascript已经存在，因此单击功能无法工作，除非我再次单击。我想知道如何解决这个问题？

单击dom上方的按钮

---

$（'body'）。在（'click'，'ajax button'，OnLoadContent）上
它必须/应该是一个饮酒游戏；）它工作得很好。谢谢！：）
$('.ajax-button').on('click', OnLoadContent);

function OnLoadContent(e) {
    e.preventDefault();
    var pageurl = $(this).data('url');
    $.ajax({
        type: "GET",
        url: pageurl,
        success: function(data) {
            alert(data);
            $("#content-container").html(data);
            window.history.pushState({path:pageurl}, '', pageurl);
        },
        error: function(response) {
           alert("ERROR:" + response.responseText);
        }
    });
}