“未捕获的TypeError：无法读取未定义的属性'createDocumentFragment'”问题

Question

function addEditButton() {
    $(".editButton").remove();
    $(".transaction.highlight").removeClass('highlight');
    $(this).addClass('highlight');
    $(this).append("<input type='button' class='editButton' value='edit' />")
}

$("body").on('click', '.transaction', addEditButton());

I am getting an error message of "Uncaught TypeError: Cannot read property 'createDocumentFragment' of undefined" when using the above code.

I've tried searching through some of the same questions that have been posted about this and I now assume the error is because of the way I am using "this" but I am not sure how to fix the problem.

The code works just fine if I put all the code inside the $("body").on call, but not when I use the external addEditButton() function. Can anyone help please?

Answer 1

绑定时不要调用该函数，只需将其作为参考传递即可。

$("body").on('click', '.transaction', addEditButton);

Answer 2

You're assigning the result returned by your addEditButton function, instead of a reference to the function itself. Drop the parentheses and it should work:

$("body").on('click', '.transaction', addEditButton);