基于 jsModern的jQuery网页分享组件

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

 2611  34  查看评论 (8)
基于 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"
});
相关插件-独立的部件,杂项

html5手势解锁插件H5lock.js

html5手势解锁插件H5lock.js详细注释
  独立的部件
 6544  49

轻量级浏览器检测插件Feature.js

轻量级浏览器检测插件Feature.js,1kb大小的轻量级浏览器检测插件
  独立的部件
 7927  48

JBarrager jquery弹幕插件

HTML5 canvas 80行代码实现的高并发弹幕功能,通过拉伸自动适配所有尺寸,已在pc,手机,电视浏览器通过测试,通过jquery插件方式导入
  独立的部件
 8056  113

基于Bootstrap的jQuery右键上下文菜单插件

Bootstrap Context Menu是一款非常实用的基于Bootstrap的jQuery右键上下文菜单插件。该右键菜单插件可以在多种元素上触发,也可以配合Font Awesome字体图标一起使用,非常的方便。
  独立的部件
 15323  45

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币

    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

        谢谢

    回复
    星空 0
    2017/9/29 20:25:06

    感谢您的反馈,此组件暂时还无法自定义地址

    回复
    。。。 0
    2017/9/29 11:11:05
    微信分享的时候可以设置二维码的生成地址吗,不想分享本页面的二维码 回复
取消回复