事件单击在使用jQuery添加到DOM中后不起作用

我知道这看起来是个基本问题。我一直在玩弄

授权

，但仍然得到同样的结果

我想让它工作的是列表上的“删除”按钮，它只在第一个按钮上工作，但如果我添加一个新按钮，它将不工作

//变量
让$questions=$（'.quick questions'）；
让$tableOptionQuestions=$（'.survey list service'）；
让$addNewOption=$（'.addoption'）；
让$removeOption=$（'.remove option'）；
//事件
$addNewOption.on（“单击”，addNewOptionFunc）；
$removeOption.on（“单击”，removeOptionFunc）；
//添加新选项
函数addNewOptionFunc（e）{
让$optionRow=$（this.prev（）.children（'tbody'）.children（'tr'）.first（）；
$optionRow.clone（）.appendTo（“tbody”）；
}
//删除选项
函数removeOptionFunc（e）{
设$optionRow=$（此）；
让$sizeRow=$tableOptionQuestions.find（'tbody tr'）.length；
//if（$tableOptionQuestions.find（'tbody tr'）。长度！=1）{
$optionRow.closest（'tr'）.remove（）；
// }    
}

名称
行动
去除
添加

为动态添加的元素绑定这样的事件

$(document).on("click", '.add-option', addNewOptionFunc);
$(document).on("click", '.remove-option', removeOptionFunc);

//变量
让$questions=$（'.quick questions'）；
让$tableOptionQuestions=$（'.survey list service'）；
//事件
$（文档）。打开（“单击“，”.add option'，addNewOptionFunc）；
$（文档）。打开（“单击“，”.remove option”，removeOptionFunc）；
//添加新选项
函数addNewOptionFunc（e）{
让$optionRow=$（this.prev（）.children（'tbody'）.children（'tr'）.first（）；
$optionRow.clone（）.appendTo（“tbody”）；
}
//删除选项
函数removeOptionFunc（e）{
设$optionRow=$（此）；
让$sizeRow=$tableOptionQuestions.find（'tbody tr'）.length；
//if（$tableOptionQuestions.find（'tbody tr'）。长度！=1）{
$optionRow.closest（'tr'）.remove（）；
// }    
}

名称
行动
去除
添加

可能重复的@marco gomes：我的回答解决了你的问题吗？