shareSDK.js web版的使用

自定义将要分享的内容

<!--MOB SHARE BEGIN-->  
<div class="-mob-share-open">分享</div>  
<div class="-mob-share-ui" style="display: none">  
    <ul class="-mob-share-list">  
        <li class="-mob-share-weibo"><p>新浪微博</p></li>  
    </ul>  
    <div class="-mob-share-close">取消</div>  
</div>  
<div class="-mob-share-ui-bg"></div>  
<script id="-mob-share" src="xxxx"></script>  
  
<script>  
mobShare.config( {  
  
    debug: true, // 开启调试,将在浏览器的控制台输出调试信息  
  
    appkey: '', // appkey  
  
    params: {  
        url: '', // 分享链接  
        title: '', // 分享标题  
        description: '', // 分享内容  
        pic: '', // 分享图片,使用逗号,隔开  
        reason:'',//只应用与QZone与朋友网  
    },  
  
    /**  
     * 分享时触发的回调函数  
     * 分享是否成功,目前第三方平台并没有相关接口,因此无法知道分享结果  
     * 所以此函数只会提供分享时的相关信息  
     *   
     * @param {String} plat 平台名称  
     * @param {Object} params 实际分享的参数 { url: 链接, title: 标题, description: 内容, pic: 图片连接 }  
     */  
    callback: function( plat, params ) {  
    }  
  
} );  
  
</script>  
<!--MOB SHARE END-->  

mobShare 方法

发起分享动作  
  
  
<script id="-mob-share" src="xxxx"></script>  
<!-- 定义分享按钮 -->  
<button id="share_weibo">分享到新浪微博</button>  
  
<script>  
// 实例一个新浪微博的分享对象  
var weibo = mobShare( 'weibo' );  
  
// 然后通过用户事件触发分享(浏览器限制原因,打开新窗口必需通过用户事件触发)  
// 原生js的使用方法  
document.getElementById( 'share_weibo' ).onclick = function() {  
    weibo.send();  
}  
// jquery库的使用方法  
$( '#share_weibo' ).click( function() {  
    weibo.send();  
} );  
  
</script> 

 

posted @ 2017-09-28 09:50  王汉炎  阅读(879)  评论(0编辑  收藏  举报