Создание кнопки Facebook Share после запроса Ajax

Question

Текущий сценарий: Пользователь регистрируется через Facebook на моем сайте. Сразу же после входа в систему ему предоставляется случайный контент с использованием Ajax (одна счастливая фраза). Этот контент ссылается на действительную статическую страницу OpenGraph (с учетом лучших практик Facebook OpenGraph). В то же время всплывающее окно «Facebook» всплывает, и он может поделиться своей счастливой фразой на Facebook.

Желаемая сценарий заинтересованных сторон (а.к.а. жена):

Share-всплывающий не выскочит автоматически. A динамическая кнопка «fb share» должна быть сгенерирована с JS, поэтому: пользователь читает счастливую фразу, пользователь счастлив, пользователь щелкает делиться на facebook.

Моя попытка:

$.getJSON("ajax/fortune.php?id="+response.id, function(data) { 
    console.log(data); 
    $("#result").html(data.message); 
    $("#shareButton").html('<div class="fb-share-button" data-href="http://www.-----.com/cookie/'+data.cid+'" data-layout="button_count"></div>'); 
}); 

Результат: ничего не происходит. Мне просто нужно поставить эту кнопку там.

В моем плане B будет размещена кнопка img или кнопка загрузки для загрузки с ссылкой на FB sharer.php. Но я не думаю, что это был бы хороший подход.

Любые подсказки :)?

РМК: Использование JQuery 1.11.3

Answer 1

Вы должны сделать его после добавления этого.

$.getJSON("ajax/fortune.php?id="+response.id, function(data) { 
    console.log(data); 
    $("#result").html(data.message); 
    $("#shareButton").html('<div class="fb-share-button" data-href="http://www.-----.com/cookie/'+data.cid+'" data-layout="button_count"></div>'); 
    FB.XFBML.parse(document.getElementById('shareButton')); 
});