使用自定义按钮时如何隐藏AddThis默认分享按钮
解决AddThis默认分享按钮显示问题
我来帮你搞定这个困扰!你已经自定义了分享按钮,但AddThis还在显示默认按钮,只需要调整一下它的配置就能隐藏掉默认内容啦。
你可以按照下面的步骤操作:
修改AddThis脚本标签的配置
找到你页面中加载AddThis的脚本(通常是带有addthis_widget.js的那一行),给它加上data-addthis-config属性,把hide_default_buttons设置为true。修改后的脚本标签应该是这样的:<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=你的发布ID" data-addthis-config='{"hide_default_buttons": true}'></script>或者通过JavaScript初始化配置
如果你是用JS手动初始化AddThis,直接在初始化参数里加入hide_default_buttons: true即可:addthis.init({ hide_default_buttons: true, // 这里可以添加其他你需要的配置项 });
做完上面的调整后,你的自定义分享按钮HTML保持不变,AddThis就只会渲染你定义的Facebook、Twitter和VK按钮,不会再显示那些默认的分享选项了。如果修改后没立刻生效,记得清除一下浏览器缓存再刷新页面哦~
内容的提问来源于stack exchange,提问作者Vladimir Golub
相关产品推荐
相关产品推荐

