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);