如何在jQuery中修改可點擊元素？

Question

為什么單擊第一個列表按鈕后，單擊單擊偵聽器不起作用？

JSFiddle鏈接

$(".acceptTask").on("click", function(){
acceptTask(this);
});

$(".solveTask").on("click", function() {
solveTask(this);
});

function solveTask(e){
...
}

function acceptTask(e){
...
$(document).on("click", ".solveTask", solveTask);
}

Answer 1

我以前有這個問題，並使用“委托”而不是“開”：

$(document).delegate('.solveTask', 'click', solveTask)

Answer 2

$('.solveTask').on('click', /*...*/)僅將事件處理程序應用於當時具有“ solveTask”類的任何事物。 因此，當您在acceptTask函數中添加solveTask類時，請添加一個事件偵聽器。

$(e).addClass('btn-warning solveTask')
    .click(function () { solveTask(this); });

參見小提琴： https : //jsfiddle.net/1203y34b/1/