fb-like-box onclickをjqueryで更新する

Question

フォームの入力からfacebook likeのように更新したい。チェックボタンがクリックされた後。 divのような新しいボックスが表示されます。

HTML

<input type="text" class="form-control" placeholder="facebook Page URL" 
id="fbURL" value="cnn">    

<button class="btn btn-primary" type="button" id="fbChk">check</button> 

$('#fbPage').append('<div id="fb-like" class="fb-like-box" data-href="http://www.facebook.com/RTnews" data-width="500" data-show-faces="true" data-stream="false" data-header="true"></div>'); $("#fbChk").click(function() { var fbURL = $("#fbURL").val(); $('#fbPage').html('<div id="fb-like" class="fb-like-box" data-href="http://www.facebook.com/'+fbURL+'" data-width="500" data-show-faces="true" data-stream="false" data-header="true"></div>'); }); 

私はこのスクリプトを実行するJavascriptを

。古いfaceboxは、新しいものがなくても消える。

Answer 1

ボタン$.hide()に最初のdivと$.append()第二のdivをクリックするか、第二のdivをdispalyして与えることができたときに、これは簡単そうに反応等のフロントエンドのフレームワークで行うことができますが、jQueryの中で、私は二つの選択肢を見ます小道具display: none。ボタンをクリックすると、$.show()で2番目のdivを表示し、最初のものを隠すか、または$.html()の代わりにinnerHTML()を使用してみます。