基于 jsModern的jQuery网页分享组件

所属分类:其他-独立的部件,杂项

 33615  411  查看评论 (20)
分享到微信朋友圈
X
基于 jsModern的jQuery网页分享组件 ie兼容9

注:此插件需要调用jQuery 2.0以上版本

使用方法

基于 jsModern 组件库中的 share() 方法实现网页分享功能,方法如下:

1.  引入文件

<link rel="stylesheet" href="jsmodern.min.css">
<script src="jquery.min.js"></script>
<script src="jsmodern.min.js"></script>

2.  设置分享元素

<div id="share-douban">豆瓣分享</div>
<div id="share-qq">QQ好友分享</div>
<div id="share-sina">新浪微博分享</div>
<div id="share-qzone">QQ空间分享</div>
<div id="share-qrcode">二维码分享</div>

3.  调用方法

jsModern.share({
    qrcode: "#share-qrcode",
    douban: "#share-douban",
    qzone: "#share-qzone",
    sina: "#share-sina",
    qq: "#share-qq"
});
相关插件-独立的部件,杂项

jQuery漂亮的CSS3颜色渐变选择器

jQuery漂亮的CSS3颜色渐变选择器可直接生成各种CSS渐变代码,功能强大!
  独立的部件
 29286  324

mui搜索列表添加热门等模块

利用mui搜索列表的源代码,加入我们需求的热门等模块
  独立的部件
 27497  299

jQuery实现弹幕实例

一个很好用的实例,适合新手
  独立的部件
 29269  332

二维码解析器

利用qrcode.js制作的二维码解析器,可以用该插件制作长按识别二维码功能!
  独立的部件
 62184  364

讨论这个项目(20)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    青云花心 0
    2020/4/7 14:52:03
    请问这个分享功能怎么对接自己的系统呢? 回复
    青云花心 0
    2020/4/7 14:51:49
    请问这个分享功能怎么对接自己的系统呢? 回复
    Jenny 0
    2019/1/20 10:42:46
    请问这个分享的时候能写上分享描述吗 回复
    夜尽天明 0
    2019/1/16 16:55:35
    在微信中,除了小程序,可以实现一键分享给好友或者朋友圈么,不是点击右上角分享 回复
    _______??∩? 0
    2018/8/22 10:24:58
    +-×/ 0
    2018/5/3 22:09:21
    怎样分享图片啊 回复
    等?去看海 0
    2017/12/2 10:21:25

    请问 这个插件可以发送微信朋友圈  和好友吗

        星空0
        2017/12/4 21:29:34

        目前只能通过移动设备扫二维码,然后再分享到朋友圈或好友

    回复
    POLYnia 0
    2017/11/30 17:43:33

    您好,问一下那个添加二维码那块,原码在什么地方?

        星空0
        2017/11/30 17:47:46
        您是指使用方法的源代码还是 jsModern 库的源代码?
        POLYnia0
        2017/12/1 11:58:46

        我已经找到了,谢谢您!但是下载到本地后,不能分享到QQ空间,微信二维码出现空白,相当于下载到本地之后,根本没什么用,您能帮忙解决这个问题吗?谢谢

        星空1
        2017/12/4 21:28:19

        这个需要放在服务器环境下再去访问才能生效,您可以在本地搭建一个服务器环境,然后通过 IP 去访问就可以了

    回复
    zhaoqiang 0
    2017/10/15 21:11:04

    微信分享扫一扫用不了?什么也扫不出来。

        星空0
        2017/10/15 21:15:57
        您好,需要将页面文件放置到服务器环境下,然后通过网络访问才能正确实现扫码,例如在本机搭建一个服务器环境,然后通过 192.168.xxx.xxx 的形式访问,再扫二维码才能跳转成功的
    回复
    Can't Be Defeated 0
    2017/10/15 12:13:48
    如果使用低版本jq,怎么让它兼容,用了什么低版本没有的函数?我的项目中使用了低版本的jq(有个插件必须用)所以...能告诉我怎么兼容低版本1.9.1吗
        星空0
        2017/10/15 12:25:39

        您好,感谢您的使用。由于此组件是 jsModern 组件库的其中一个效果,因此可以说它是基于 jsModern 的,根据 jsModern 官网的描述,要使用 jsModern 只能使用 1.12.0 以上版本的 jquery。不过好像可以通过修改 jsModern 源代码,将判断 jquery 版本的那行代码注释或去掉,貌似应该可以,不过这样做不知道会不会影响其他组件的使用。当然如果只是使用这一个组件的话,这样做应该没什么问题,您可以按照此方法试一试,地址  http://jsmodern.applinzi.com/

        Can't Be Defeated0
        2017/10/15 12:29:44

        解决了

        Can't Be Defeated0
        2017/10/15 12:30:26

        谢谢

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复