如何在按钮点击时打开addthis弹出窗口?

时间:2017-05-15 05:54:39

标签: javascript addthis

我有一个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> 

1 个答案:

答案 0 :(得分:0)

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

另一种完成您想要的操作的方法是,例如,使用CSS <div />隐藏目标AddThis display: none,然后在任意位置(例如在您的计算机中)显示(或将其移动到DOM中)当用户单击“共享”主按钮时,将显示自己的自定义弹出窗口。