Question

我正在尝试向弹出内容添加一个按钮，然后在其他位置控制按钮，但按钮似乎无法正常工作。按钮的功能工作正常，无需用按钮绑定。

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

Answer 1

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

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

示例：

$('body').on('click', '.btn', function() {
  $('body').append('<button class="btn">Add another button!</button><br/>');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn">Add another button!</button><br/>

这对于将事件绑定到DOM中尚不存在的元素很有用，但在某个给定点上会存在。

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

1 个答案: