Jqueryを使用してdiv要素とフォームをページに挿入するには

Question

ヘッダーの上部にログインフォームを作成しています。しかし、ユーザーがログインすると、フォームが消えてしまいます。私はユーザーがログインしていないかどうかを確認し、そうであればフォームを追加します。しかし、私はJavaScriptでそれをやりたい

Answer 1

jQueryのappend()関数を使用することで簡単に答えられます。

この問題は、すべてをテキストとして挿入する必要があり、メンテナンスの問題になります。絶対に。

より良い方法は、div37を挿入し、デフォルトでdisplay:noneを使用して非表示にし、必要に応じてプログラムでdisplay:blockに設定することです。

Angularのようなものを使用する場合は、必要に応じてテンプレートを挿入してdivを含めることもできます。しかし、この目的のためにdisplayを使用することは、正しい方法として広く受け入れられています。

編集：あなたはページの一部のため、すでにload()を使用しているので

、あなたはおそらく、ここで同じことを行うことができます。

HTMLにコンテナタグを追加します。

<div id="loginContainer"></div> 

は、このようなネストされたコンテンツを追加します。

$("#loginContainer").load("http://some.url.com/path"); 

隠すように容易になるだろうhtml()

$("#loginContainer").html("");