UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

基于 jsModern的jQuery网页分享组件

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

 35198  411  查看评论 (20)
分享到微信朋友圈
X
基于 jsModern的jQuery网页分享组件 ie兼容9
 查看演示  website  立即下载

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

使用方法

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

1.  引入文件

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

2.  设置分享元素

1
2
3
4
5
<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.  调用方法

1
2
3
4
5
6
7
jsModern.share({
    qrcode: "#share-qrcode",
    douban: "#share-douban",
    qzone: "#share-qzone",
    sina: "#share-sina",
    qq: "#share-qq"
});
相关插件-独立的部件,杂项
查看更多

jQuery分享插件jquery.share.js

 jQuery分享插件jquery.share.js享到QQ、微信、微博、google、in、tweeter等
  独立的部件
 118203  639

可停靠屏幕边缘的侧边栏插件

 我自己封装的可停靠屏幕边缘的侧边栏插件，可以制作页面的通知信息，客服信息，联系方式等
  独立的部件
 38621  454

jquer网页打印插件PrintArea.js

 jquery实现页面打印可局部打印
  独立的部件
 72423  405

jQuery表格 可选择导出各种格式

 表格内容详情可选择导出各种格式（Excel(xls)、PDF、PNG）
  独立的部件
 52434  509

讨论这个项目（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 jQ币
        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

        谢谢

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复