Html 防止默认不'；dom重新加载时无法工作

我有以下代码片段

$（“#就餐者_选项”）。单击（功能（事件）{
event.preventDefault（）；
console.log（'ok'）
}); 
$（“#更改”）。单击（函数（事件）{
var add_html=“”
$（“#diner_div”）。替换为（添加html）
console.log（'changed'）；
}); 
.recipe\u选项{
位置：绝对位置；
填充：15px；
排名：0；
右：0；
背景#353b43；
边框左下半径：10px；
}

改变
您必须将单击事件重新绑定到替换旧cog的新元素。再次调用jquery绑定


$（“#就餐者_选项”）。单击（功能（事件）{
event.preventDefault（）；
console.log（'ok'）
}); 
$（“#更改”）。单击（函数（事件）{
var add_html=“”
$（“#diner_div”）。替换为（添加html）；
$（“#就餐者选项”）。单击（功能（事件）{
event.preventDefault（）；
console.log（'ok'）
}); 
console.log（'changed'）；
});
.recipe\u选项{
位置：绝对位置；
填充：15px；
排名：0；
右：0；
背景#353b43；
边框左下半径：10px；
}

改变