Ajax 加载后 AddThis 不起作用

2024-02-09

我有 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: 

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

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

这是唯一的解决方案addthis_inline_share_toolbox!

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Ajax 加载后 AddThis 不起作用 的相关文章

随机推荐