帮助与文档

> >

一、API介绍

API是方便对mobShare进行定制而建立的,使用它们你可以配置分享参数、调试、以及定制自己的分享UI

二、mobShare.config方法

<!--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:'',//自定义评论内容,只应用与QQ,QZone与朋友网
    },

    /**
     * 分享时触发的回调函数
     * 分享是否成功,目前第三方平台并没有相关接口,因此无法知道分享结果
     * 所以此函数只会提供分享时的相关信息
     * 
     * @param {String} plat 平台名称
     * @param {Object} params 实际分享的参数 { url: 链接, title: 标题, description: 内容, pic: 图片连接 }
     */
    callback: function( plat, params ) {
    }

} );

</script>
<!--MOB SHARE END-->

 

程序不必提供所有参数,只需要提供你需要配置的参数即可,比如

<script>
mobShare.config( {

    appkey: '', // appkey

    params: {
        url: '', // 分享链接
        title: '', // 分享标题
    }

} );
</script>

三、mobShare 方法

使用mobShare方法传递平台ID作为参数(点击查看所有平台ID)实例该平台的分享对象,通过此对象的send方法进行提交

<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>