这边如果无法使用类似 location.href = "http://ttjj-huodong-weixin-share/";来调用app分享的话,可以使用提供一个图片来导引用户。
.guide{
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: rgba(0,0,0,0.7);
z-index: 99999999;
text-align: right;
display: none;
}
.guide img{
width: 60%;
float: right;
margin-right: 0.5rem;
}
这边guide就是这个蒙层的图片,然后里面增加一个分享朋友圈的按钮以及蒙层div。
<a href="javascript:void(0)" id="shareButtonlink"><div id="shareButton"></div></a>
<div id="shareButtonDiv" class="guide"> <img src="http://j5.dfcfw.com/image/201603/20160331142729.png"></div>
</div>
最后通过jquery显示隐藏:
var guideShare = $("#shareButtonDiv");
var shareBtn = $("#shareButtonlink");
//页面中的显隐性
shareBtn.on("click", function () {
guideShare.show();
})
guideShare.on("click", function () {
$(this).hide();
});