/ / facebookのような入力データと画像でボタンクリックでDIVを作成-javascript、jquery、html、css、facebook

ボタンでDIVを作成するDATAとIMAGEのようなfacebookのような入力をクリック - javascript、jquery、html、css、facebook

私はFacebookのタイムラインのような写真付きの更新を投稿することで構成されるプロジェクトをやっています。だから私はこれを作成しました

ここに画像の説明を入力

だから私は次のコードが必要です:

POSTボタンをクリックすると、 Facebookに似たタイムラインの最後の投稿の上に新しいDIVを作成します。また、DIVは入力テキストとアップロードした画像で構成されている必要があります。 このトピックを閲覧したとき、私は同様のスレッドを見つけました jQueryはクリックして<div>を作成および削除します 、しかしdivを次々に作成します。その逆が必要です。

どんな助けでも大歓迎です。

回答:

回答№1は1

appendの代わりにprependを使用して、コンテナの先頭に新しいdivを配置します。

http://api.jquery.com/prepend/


回答№2の場合は0

作成することをお勧めします 空の div それらを表示したいですか(id: #start)そして何かを投稿したいときはいつでも、jQueryを使用できます after (例えば:$("#start").after("<div>text and formating</div>");)。
ここでいくつかの例を見ることができます: http://api.jquery.com/after/