最近文匯軟件小編在進行頁面開發(fā),遇到一鍵分享到微信、微博、qq空間的功能,如果使用js的一些方法寫的話,那就很繁瑣費時費力,這里小編推薦Share.js插件,該插件使用簡單便捷,可將頁面分享到微信、微博、qq、豆瓣、Facebook、Twitter等平臺。
首先需要將Share的css、js文件引入(推薦bootcdn文件)Share.js需要在jquery的基礎上進行,所以需要引入jquery文件。
將social-share該類名寫到元素上,Share會在該類名元素中添加分享的圖標
將以下js代碼放入到頁面中
var $config = {
url: window.location.href, // 網(wǎng)址,默認使用 window.location.href
source: '', // 來源(QQ空間會用到), 默認讀取head標簽:
title: '', // 標題,默認讀取 document.title 或者
description: '', // 描述, 默認讀取head標簽:
image: '', // 圖片, 默認取網(wǎng)頁中第一個img標簽
sites: ['wechat', 'weibo', 'qq'], // 啟用的站點
disabled: ['google', 'facebook', 'twitter'], // 禁用的站點
wechatQrcodeTitle: '微信掃一掃:分享', // 微信二維碼提示文字
wechatQrcodeHelper: '
微信里點“發(fā)現(xiàn)”,掃一下
二維碼便可將本文分享至朋友圈。
',target: '_blank' //打開方式
};
$('.social-share').share($config);
social-share類名需要與js中的jquery類名相同,這樣一鍵分享功能就可以實現(xiàn)了。