javascript - 添加在。 ('click' ) 函数用于新创建的按钮，单击之前触发事件

Question

这个问题已经有答案了:

Calling functions with setTimeout() (6 个回答)

已关闭 7 年前。

首先，我一直在查看以前的答案并更改我的代码，但是我以前读过的解决方案都不适合我。基本上，我将所有问题和答案保存在 jStorage 中，我正在尝试创建一个评论页面，其中发布问题和答案，以及一个新按钮，将用户链接回回答问题的页面.

我使用两个函数，createReviewPage()，它为用户创建页面，显示问题和答案。我还有 reviewPageButton(int)。

基本上，我需要将 reviewPageButton() 函数附加到新创建的按钮，并且我一直在尝试使用 on.('click') 在创建函数时找到该函数的按钮，但是该事件在我之前触发甚至单击一个按钮。

我的第一个函数(注意我之前的一些尝试已被注释掉):

function createReviewPage() {
    var questions = [];
    for (var index = 1; index < 5; index++) {
        questions.push($.jStorage.get("question" + index));
    }
    for (var index = 0; index < questions.length; index++) {
        console.log(questions[index].questionText);
        $('#resultDisplay').append("<h2> You answered " + questions[index].chosenAnswer + " to the question " + questions[index].questionText + "</h2>");
        $('#resultDisplay').append("<input type = 'button' id = 'qbutton" + (index + 1) + "'/>");
        //     $('.qbutton' + (index + 1)).on("click", '#qbutton' + (index+1), invokeButton(index));
        //      $('body').on('click', '.qbutton'+(index+1),reviewPageButton(index));
        $('.qbutton'+(index+1)).on('click',reviewPageButton(index));
        $('#resultDisplay').append("<br> <br> <br>");
    }
}

还有我的 reviewPageButton()

function reviewPageButton(number) {
    var currentquestion = $.jStorage.get("question" + (number + 1));
    currentquestion.reviewed = "Yes";
    $.jStorage.set("question" + (number + 1), currentquestion);
    window.open("../src/questionpage" + (number + 1) + ".php", "_self");

}

Answer 1

reviewPageButton(index) 代表函数执行，尝试使用 reviewPageButton.bind(null, index) 代替。