什么是 retweet？
retweet 是一个基于 jQuery 的工具，可以帮助你快速地在页面上创建社交分享按钮。它支持 Twitter、Facebook、Google+ 以及 Pinterest 等社交媒体，让你可以在页面上轻松地分享内容。
安装 retweet
你可以通过 npm 安装 retweet，只需要在终端里执行以下命令：
npm install retweet
安装好后，在项目中引入 jQuery 和 retweet 的 js 和 css 文件即可使用。
使用 retweet
retweet 提供的 API 具有高度的灵活性，你可以根据需要定制分享按钮的样式、位置和相关属性等。
最简单的使用方法
<div class="retweet"></div>
$('.retweet').retweet();这将会在 .retweet 元素下生成默认样式的社交分享按钮。
定制样式
retweet 不仅自带了默认样式，而且支持你自定义样式。
<div class="retweet custom-class"></div>
-- -------------------- ---- ------- ------------- --------------- - ----------------- -------- ------ ----- -------- --- ----- ----------- ------- ---------------- ----- -------- ------------- -------------- ---- -
$('.retweet').retweet({
classes: {
button: 'custom-class'
}
});定制属性
retweet 的默认属性无法满足你的需求时，你也同样可以定制属性。
<div class="retweet" data-retweet-workspace="example.com"></div>
-- -------------------- ---- -------
-----------------------
-------- -
---- ---------------------
----- ---------------
--------- ------------
---- ---------
--
--------- -
---- --------------------
--
----------- -
---- --------------------
--
---------- -
---- --------------------
--
---------- --------------------------------------
---手动触发分享
默认情况下，retweet 会自动为分享按钮绑定点击事件，点击即触发分享。如果你需要手动触发分享，可以在任意时刻执行 .retweet() 方法即可。
$('.retweet').retweet().click();总结
通过上述的 retweet 使用教程，你应该已经学会如何在页面上快速创建社交分享按钮了。同时，retweet 提供了强大的 API，使你可以定制分享按钮的样式和属性，以满足你的需求。希望这篇教程对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005634581e8991b448e0fc7