Update fb-like-box onclick mit jquery

Question

Ich möchte die facebook like Box von der Formulareingabe aktualisieren. Nach einem Häkchen wird geklickt. Das neue Feld erscheint im 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> 

Javascript

$('#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>'); 
     }); 

Wenn ich dieses Skript ausführen. Alte Facebox verschwindet ohne eine neue Show.

Answer 1

Dies könnte leicht mit einem Frontend-Rahmen durchgeführt werden wie reagieren oder so, aber in jQuery sehe ich zwei Möglichkeiten, wenn Sie auf die Schaltfläche klicken $.hide() das erste div und $.append() die zweite div oder Sie können die zweite div Dispaly und geben die Stütze . Wenn Sie auf die Schaltfläche klicken, können Sie das zweite div mit $.show() anzeigen und das erste verbergen .. oder versuchen, innerHTML() statt $.html() zu verwenden.