首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

AddThis按钮在AJAX中不起作用,但会正常工作

在AJAX中,AddThis按钮可能会出现不起作用的情况。这是因为AJAX加载的内容可能无法触发AddThis的JavaScript代码,从而导致按钮无法正常工作。为了解决这个问题,您可以尝试以下方法:

  1. 使用AddThis的AJAX刷新方法。在AJAX请求完成后,调用AddThis的addthis.toolbox(".addthis_toolbox")方法,以便重新渲染AddThis按钮。例如,在jQuery的ajaxSuccess回调函数中调用该方法:
代码语言:javascript
复制
$(document).ajaxSuccess(function() {
  addthis.toolbox(".addthis_toolbox");
});
  1. 如果使用的是AddThis的新版本(AddThis中的Follow Buttons),请确保在AJAX加载的新内容中包含addthis:url属性。例如:
代码语言:html
复制
<div class="addthis_inline_share_toolbox"></div><script type="text/javascript">
  addthis.update('share', 'url', 'https://www.example.com/new-url');
</script>
  1. 如果以上方法仍然无法解决问题,您可以尝试使用AddThis的异步加载方法。在HTML中,将AddThis的JavaScript代码替换为以下代码:
代码语言:html<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5xxxxxxxxxx"></script>
复制

其中,ra-5xxxxxxxxxx是您的AddThis帐户的发布者ID。这将确保AddThis在每次加载新内容时都会正确加载。

总之,要解决AddThis按钮在AJAX中不起作用的问题,您需要确保在AJAX请求完成后重新渲染按钮,并在新内容中包含正确的URL。如果仍然无法解决问题,请尝试使用异步加载方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券