0

jquery htmlメソッドでjqueryスクリプトを実行したい。お気に入り

$(body).html("<div id='mydiv'></div><script>$('#mydiv').fadeIn();</script>");

また

$(body).append("<div id='mydiv'></div><script>$('#mydiv').fadeIn();</script>");

div は挿入されますが、JavaScript コードは実行されません。

コードはどのように実行できますか?

4

1 に答える 1

2

次のようなことを試してみてください。

$(body).append("<div id='mydiv'></div>");
$('#mydiv').fadeIn();

最初の行が実行された後mydiv、DOM に表示されるため、現在のスクリプトから直接アクセスできます。

編集（コメントの後）

jQuery を使用して DOM にスクリプトを追加する場合は、いくつかのトリッキーな方法で行う必要があります。

$("<script>$('#mydiv').fadeIn();</" + "script>").appendTo(document.body);

また

$("\x3Cscript>$('#mydiv').fadeIn();\x3C/script>").appendTo(document.body);

タグをエスケープまたは改行せず</script>に、スクリプト全体を終了します。

コードにさらに問題がある場合は、次の回答https://stackoverflow.com/a/3603496/1430055を参照してください。動的スクリプトなどのデバッグに関する説明があります。

于 2013-09-20T10:00:28.677 に答える