H5+ 分享功能页面卡顿、闪烁，取消按钮经常失效

csdn15566407905 2019-04-27 05:12:27

公司最近用 H5+ 和mui 做app应用，做一个分享功能。但是进入分享页面就经常出现卡顿，页面闪烁等问题，各位大佬有没有好的解决方案，谢谢。实现分享的代码如下：

if(window.plus){
plusReady();
}else{
document.addEventListener("plusready",plusReady,false);
}

/* h5加载完毕*/
function plusReady() {

/* 获取分享的相关对象 */
plus.share.getServices(function (s) {
if (s && s.length > 0) {
for (var i = 0; i < s.length; i++) {
var t = s[i];
shares[t.id] = t
}
}
}, function () {});

}

/* 调用系统选择框，确认分享到哪一个应用 */
function sysSelectShare(){
var ids = [{
id: "qq"
},
{
id: "weixin",
ex: "WXSceneSession"
},
{
id: "weixin",
ex: "WXSceneTimeline"
}];

var bts = [{
title: "发送给QQ好友"
},
{
title: "发送给微信好友"
},
{
title: "分享到微信朋友圈"
}];

plus.nativeUI.actionSheet({
cancel: "取消",
buttons: bts
}, function (e) {
var i = e.index;
if (i > 0) {
var s_id = ids[i - 1].id;
var share = shares[s_id];
if (share) {
if (share.authenticated) {
shareMessage(share, ids[i - 1].ex)
} else {
share.authorize(function () {
shareMessage(share, ids[i - 1].ex)
}, function (e) {})
}
} else {}
}
});
}

/* 没有链接默认只分享文字 */
function shareMessage(share, ex){
var msg = {
href:site_url+"/appStore/ShangJiaIndexController/displaySharePage",
title:'****生活分享用户',
content:'可通过推荐码邀请新会员加入，您可获得金贝，对于分销商品购买，您也可得佣金',
thumbs:["**"],
extra: {
scene: ex
}
};

share.send(msg, function (data) {
//mui.toast("感谢分享");
//console.log(data);
}, function (e) {
mui.toast("分享失败");
})
}

...全文