即时添加Javascript

Question

我理论上有一个问题......我现在正在工作，不能尝试......

如果我有以下代码：

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

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

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

Answer 1

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

但这并不是你如何使用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：

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

Answer 3

这样可行，但您忘了关闭按钮标记。

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