龙喵专栏 /前端 /内容

社交分享插件Sharer.js

版权声明:龙喵网
网站网址:http://ailongmiao.com/

社交分享插件Sharer.js

网址:https://github.com/ellisonleao/sharer.js

Sharer.js 是一个非常小的js库,用于在网站的DOM元素上创建定制的社交分享组件。

目前支持20多个社交媒体网站,详细了解 阅读文档

sharer安装

Using NPM
npm install sharer.js

Using Bower
bower install sharer.js

Grabbing the latest min version and adding to your page
<script src="path/to/sharer.min.js"></script>

Or you can use a CDN
<script src="https://cdn.jsdelivr.net/npm/sharer.js@latest/sharer.min.js"></script>

sharer.js 使用方法

每个sharer组件都有自己的组件属性,根据每个社交媒体站点检查下面的元素。

data-*

您还可以通过添加如下来设置弹出窗口的大小

data-width
data-height

完整栗子:

<button class="button" data-sharer="somesharer" data-width="800" data-height="600" data-title="Checkout Sharer.js!" data-url="https://ellisonleao.github.io/sharer.js/">Share!</button>

事件绑定:

手动事件绑定在0.3.1及以上版本中通过窗口得到支持。使用jQuery示例:

$(elem).on('click', function() {
    // add new buttons with share behaviour
    $('#someDiv').append('<button class="twitter" data-title="Some button" data-url="somesite.com"></button>');
    window.Sharer.init();
})
版权声明:龙喵网
网站网址:http://ailongmiao.com/

1.部分文章来自网络,如有侵犯权益,请联络博主,资源失效与内容勘误留言说明.

2.如若转载,请注明出处:http://ailongmiao.com/read/422.html

[ web前端导航 ]:http://ailongmiao.com/web/

相关阅读

    评论

    继续阅读

      选择打赏方式

    打赏

    打赏