class="share"
data-sharebox="true"
data-desc="desc"
data-title="title"
data-img="imgurl"
href="#">
分享按钮的onclick:
$(".share").attr('data-sharebox')
$(".share").attr('data-desc')
$(".share").attr('data-title')
$(".share").attr('data-img')
当然,建议a标签加一个id来唯一标识
如:
<a
class="share"
id="share_1"
data-sharebox="true"
data-desc="desc"
data-title="title"
data-img="imgurl"
href="#">
则下面就用:
$("#share_1").attr('data-sharebox')
隐藏微信网页右上角的按钮,可以用如下代码:document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 下面这个API隐藏右上角按钮
WeixinJSBridge.call('hideOptionMenu')
})
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
// 下面这个API显示右上角按钮
WeixinJSBridge.call('showOptionMenu')
})
借助百度或者JiaThis,来实现。很简单,复制一下别的网站的代码,轻松解决:比如下面这个网站的:http://36kr.com/p/161946.html简单看一下代码实现:
F12看一下,起作用的就是下面这段代码:
<pre name="code" class="html"><div class="panel mfp-hide" id="panel-weixin">
<h3>打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮</h3>
<section class="weixin-section">
<p><img alt="161946" src="http://s.jiathis.com/qrcode.php?url=http://36kr.com/p/161946.html?via=wechat_qr"></p>
</section>
</div>
登录后复制
通过JiaThis网站的一张微信图片,后面加上你要分享的参数信息,好了,一个分享完成了。当然,这个源码找的不是很别致,很多js的代码需要自己写。但这也相对的更灵活了,因为大家现在在程序里需要引入的其实就是JiaThis提供的那张图片地址了。