javascript - AddThis 在 ajax 加载后不起作用

Question

我有 AddThis js 用于为日历的详细信息添加书签。这在页面加载时正常工作，但我使用 ajax 加载进行了一些过滤并替换了 html，此后 AddThis 按钮不显示。这是我的代码 Ajax 。

$('document').ready(function () {

    $('.eventSelect').change(function () {
       var selectedDate = $('#eventDate').val();
        var keyword = $('#eventsearch').val();
        var url = "/EventsHome?eventDate=" + selectedDate + "&keyword=" + keyword;
       $.ajax({
           type: "GET"
          , url: url
          , success: function (data) {
              console.log($(data).find(".eventList").html());
              $(".eventList").html($(data).find(".eventList").html());
             var script = 'http://s7.addthis.com/js/250/addthis_widget.js#domready=1';
                  if (window.addthis) {
                      window.addthis = null;
                      window._adr = null;
                      window._atc = null;
                      window._atd = null;
                      window._ate = null;
                      window._atr = null;
                      window._atw = null;
                  }
                  $.getScript(script);

             }
          , error: function (XMLHttpRequest, textStatus, errorThrown) {

          }, comeplete: 

Answer 1

加载新内容时使用此脚本:

if(typeof addthis !== 'undefined') { addthis.layers.refresh(); }

这是addthis_inline_share_toolbox的唯一解决方案!

addthis.toolbox() 仅当您在 addthis 元素中指定了按钮时才起作用(主要是旧版本)。