在javascript中向弹出内容添加按钮

我试图在弹出内容中添加一个按钮，然后在其他地方控制该按钮，但该按钮似乎无法正常工作。按钮的功能工作正常，无需与按钮绑定

var popupContent = "<br><button class='btn' id='btn_del' type='submit'>del</button>";
$("#btn_del").click(function() {
    console.log("test");
    layer.setStyle(test);
})

var popupContent=“
del”；
$（“#btn_del”）。单击（函数（）{
控制台日志（“测试”）；
图层设置方式（测试）；
})

您可以将事件绑定更改为：

$("body").on("click", "#btn_del", function() {
  console.log("test");
  layer.setStyle(test);
});

例如：

$（'body'）。在（'click'，'btn'，function（）上{
$（'body'）.append（'addanotherbutton！
'）；
});

添加另一个按钮
什么是
console.log（layer，test）
-其中任何一个未定义？
$（“#btn_del”）
将无法找到任何按钮，直到它实际存在于DOM中。谢谢，@Arg0n提供的解决方案非常有效。