如何在单击按钮时打开 addthis 弹出窗口？答案

【问题标题】：How can i open addthis popup on button click?如何在单击按钮时打开 addthis 弹出窗口？
【发布时间】：2017-10-13 19:38:30
【问题描述】：

我有一个 addthis 弹出窗口，现在在页面加载后会自动打开。我希望在单击<a class="share"><i class="fa fa-plus"></a> 时打开此弹出窗口。我怎样才能完成它？

我的 HTML 代码是：

<ul class="list-inline list-unstyled">
    <li><a href="Facebook Share Link"><i class="fa fa-facebook-official" aria-hidden="true"></i></a></li>
    <li><a href="Twitter Share Link"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
    <li><a href="Google Share Link"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
    <li><a class="share" href="#"><i class="fa fa-plus" aria-hidden="true"></i></a></li>
</ul>

还有 JavaScript 代码：

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5487d4c13f47e44">
    $('.share').click();
</script>

【问题讨论】：

@Dai，我有 AdBlock，我仍然看到 AdThis 按钮？！您是否使用 AdBlock 来阻止这些按钮？你不喜欢分享其他人的内容吗？
@Dai OP 的问题是让共享功能更多方便用户，而不是像默认的 AddThis 弹出窗口那样在他们的脸上。

标签： javascript addthis

【解决方案1】：

您可以使用AddThis API 连接到您自己的自定义控件。

实现您想要的另一种方法是使用 CSS display: none 隐藏目标 AddThis <div />，然后在您喜欢的任何位置显示（或在 DOM 中移动它），例如在您自己的自定义弹出窗口中，当用户点击主“分享”按钮时。

【讨论】：