javascript - 動的divでjquery Show()を使用する

Question

次のようなdivテンプレートを作成しました

var Mask="<div style='width: 60%;display:none; height: 602px;opacity: 0.3;' id='mask'>Hello i'm here</div>";

.show()このdivにjquery関数を適用する方法はありません。

score 1 · Accepted Answer

document.write を使用して div を画面に書き込みます

document.write(Mask);

画面に書き込まれたときに表示されるため、show() または on() を使用する必要はありません。

score 0 · Accepted Answer

これを使って

$("<div style='width: 60%; height: 602px;display:none; opacity: 0.3;' id='mask'>Hello i'm here</div>").appendTo("body");
$('#mask').show();

score 0 · Accepted Answer

いいえ、でも恐れる必要はありません。その文字列を本文の HTML に追加すると、.appendTo() 関数を使用してレンダリングされます。

score 0 · Accepted Answer

実際に DOM に追加するまで、この div を表示することはできません。要素に追加されると、自動的に表示されます。

この div を複数回追加する場合は、id が一意である必要があるため、に変更id='mask'する必要があることに注意してください。class='mask'

score 0 · Accepted Answer

この div を動的に追加する場合は$.on()、
この div が HTML の側に追加された場合 (動的ではないことを意味します)、単純な使用を使用します。$("#mask").show()

5 に答える 5