ajax call

时间:2017-09-11 19:36:29

标签: javascript ajax facebook jekyll

我正在通过Ajax加载后期预览。在每个帖子中,我都有一个Facebook评论部分,计算评论。

问题是在Ajax调用期间,Facebook SDK停止计算评论金额。

我在Stack中尝试了不同的代码示例:FB.XFBML.parse();

var $element = $(".fb-comments-count") // you can specify your selector here
$element.removeClass("fb-comments-count") // prevent fb from wrongly set this value
var url = $element.attr("data-href")
$.ajax({
    url: 'https://graph.facebook.com/?ids=' + url,
    type: 'POST',
    dataType: "jsonp",
    success: function (data) {
        $element.html(data[url].comments);
    }
});

我无法理解。这是我的代码。

$(".loadMore").click(loadMorePosts);

function loadMorePosts() {
  var _this = this;
  var $blogContainer = $("#blogContainer");
  var nextPage = parseInt($blogContainer.attr("data-page")) + 1;
  var totalPages = parseInt($blogContainer.attr("data-totalPages"));

  // Ajax Call for new Posts
  setTimeout(function () {

    $.get("/blog/page" + nextPage, function (data) {
      var htmlData = $.parseHTML(data);
      var $articles = $(htmlData).find(".preview").addClass('fadeIn');

      $blogContainer.attr("data-page", nextPage).append($articles);

      if ($blogContainer.attr("data-totalPages") == nextPage) {
        $(".loadMore").remove();
      }
    });
  }, 0);
}

感谢您的帮助...

更新

解决问题!!

CBroe的评论做到了,我只需要在通过$ articles附加新帖子(数据)之后添加FB.XFBML.parse();。无需完全替换data-href元素。现在像魅力一样工作,非常感谢。

0 个答案:

没有答案