javascript - 即时添加 Javascript

Question

我有一个理论上的问题...我目前正在工作，无法尝试..

如果我有以下代码：

stuff = '<button onclick="alert(' + "'Test');" + 'my Button</button>';
$("container").html(stuff);

当我点击我的新按钮时，我的脚本会起作用吗？我的按钮会被添加吗？

我在 JsFiddle 上没有得到任何结果...

Answer 1

假设您修复了选择器“容器”和未关闭的标签，它应该可以工作。

但这不是使用 jQuery 正确绑定事件的方式。

你应该做这个 ：

$("#container").empty().append(
    $('<button>my Button</button>').click(function(){ alert("Test") })
);

Answer 2

如果您正确关闭了打开按钮标签，它将起作用

stuff = '<button onclick="alert(' + "'Test');" + '">my Button</button>';
$("container").html(stuff);                       ^^ 

同样正如评论中指出的那样，您的容器选择器可能是错误的。

根据容器是类还是 id，您很可能需要这 2 个中的一个：

$(".container").html(stuff);
$("#container").html(stuff);

Answer 3

那会起作用，但是您忘记关闭按钮标签。

stuff = '<button onclick="alert(\'Test\');">my Button</button>';
$("container").html(stuff);