javascript - 可以使使用 JQuery .html() 创建的 div 标签可点击吗？

Question

嘿，伙计们，有点奇怪的问题，但是如果我使用 JQuery .html() 添加 div 标签并给它们一个 ID，我可以在它们上使用 .click 吗？该代码可能会解释我正在尝试做什么。如果没有，是否有可能解决？

我正在尝试动态更改我的站点而不转到新站点。

因此，如果我使用 ID 创建 Div。

$("#funTime").click(function(){
  var htmls = $("#content2").html();
  $("#content2").html(htmls + " <div id='button1'>Create</div><div id='button2'>Annimate</div><div id='button4'>Clear</div>");
 });

$("#button1").click(function(){create();});
$("#button2").click(function(){forannimation();});
$("#button3").click(function(){createOnMouse();});

它不起作用，但我不知道为什么。

提前致谢。

Answer 1

不，你需要 .on()能够处理动态添加的元素。

$('#content2').on('click', '#button1', function() {
    // do your stuff
});

另请注意，您只能将具有特定 id 的单个元素添加到 DOM。在您的示例中，每次单击具有 id #funTime 的元素时，您都会添加具有相同 id 的 en 元素。

您可以通过向 DOM 添加带有某个类而不是 ID 的按钮或使用计数器来生成唯一 ID 来改进您的代码。或者通过使用 .one() 阻止对 #funTime 的其他点击取决于您的需求。