用于微信公众号开发的 UI 库 jQuery WeUI

用于微信公众号开发的 UI 库 jQuery WeUI

MIT
跨平台
2016-03-24
YC222

jQuery WeUI 是 WeUI 的一个 jQuery 实现版本,除实现了官方插件之外,它还提供了如下拉刷新、日历、地址选择器等丰富的拓展组件。jQuery WeUI 中的 JS 组件均是以 jQuery 插件的形式提供,使用非常方便,并且可以和 React、Angular、Vue.js 之类的主流 JS 框架一起使用。

WeUI 是微信官方团队针对微信提供的一个 H5 UI 库,它只提供了一组 CSS 组件。jQuery WeUI 中使用的是官方 WeUI 的 CSS 代码,并提供了 jQuery/Zepto 版本的 API 实现。因为直接使用了官方的 CSS,所以你不用担心跟官方版本的冲突。实际上 jQuery WeUI == WeUI + jQuery插件。

简洁强大的 API

如果你使用过 jQuery,那么你使用 jQuery WeUI 将没有任何障碍。所有的 JS 组件都是标准的 jQuery 插件:

//显示一个对话框
$.alert("我是一个对话框");

//弹出一个actionsheet
$.actions({
  actions: [{
    text: "编辑",
    onClick: function() {
      //do something
    }
  },{
    text: "删除",
    onClick: function() {
      //do something
    }
  }]
})

立刻使用

推荐通过 npm 获取代码: npm install jquery-weui

依次引入如下文件后即可使用:

<!-- head 中 -->
<link rel="stylesheet" href="/jquery-weui/dist/lib/weui.css">
<link rel="stylesheet" href="/jquery-weui/dist/css/jquery-weui.css">

<!-- body 最后 -->
<script src="/jquery-weui/dist/lib/jquery-2.1.4.js"></script>
<script src="/jquery-weui/dist/js/jquery-weui.js"></script>

其中 weui.css 是官方的版本,并未做任何修改。

建议自行 clone 并编译代码 jQuery WeUI

如果你不会编译,可以直接切换到 build 分支,其中的 dist 目录下就是全部编译好的代码。

或者点击这里直接下载 jQuery WeUI

加载中

评论(9)

Elileo
Elileo
微信项目已用上,真心好用
incess
incess
还是不错的东西,用了一段时间了,只是好久不更新了,建议也更新小程序的
y
yasin0824
非常的好用
w
wivwiv
早起版本有严重BUG,浏览器禁用JS后可以干很多坏事
e
eechen的亲爹
这个库还在维护吗,看已经5、6个月没有更新了 #jQuery WeUI#
肖滔
肖滔
so good #jQuery WeUI#
s
suheme
great work,建议加入CDN链接 #jQuery WeUI#
tdmlxq
tdmlxq

jQuery WeUI v1.1.1 发布,新增滑动删除组件

微信公众账号开发利器 jQuery WeUI 更新了 V1.1.1 版本,同步官方 WeUI 最新版更新。 本次最大的改变是增加了滑动删除组件,类似于微信 iOS 端的滑动删除效果。在列表中可以通过手势滑动显示...

2017/11/13 15:59

jQuery WeUI v1.0.1 发布 bug 修复版本

对应 weui 版本为 v1.1.1 修复bug: #362 日历多选模式下无法取消今天 #361 weui.css 内容错误 #356 直接点其他input而不是点关闭按钮,下一次会无法打开 #351 slider 会导致页面无法上下滚动...

2017/02/18 17:47

jQuery WeUI 1.0.0-rc.1 发布,更新命名规则

jQuery WeUI 更新到 V1.0.0-rc.1, 同步 weui v1.1.0 官方的所有更新。 注意:因为 weui 更新了命名规则,所以 v1.0.0 开始,不兼容 v0.8.3 以及更低的版本。 建议老项目如果没有特别需要,不...

2016/12/29 17:02

jQuery WeUI V0.8.0 发布,优化大量组件

jQuery WeUI V0.8.0 发布,根据大家的反馈,V0.8.0 优化了大量的组件: 更新对话框组件,现在可以直接弹出登录窗口,参数和回调函数都进行了优化统一 修复了picker只能滚动文字的问题,picke...

2016/07/22 15:34

jQuery WeUI V0.7.2 发布,重写图片浏览器

jQuery WeUI V0.7.2 发布了。 本次更新内容: 重写了图片浏览器,并增加了手势缩放功能 增加了一个 toptip 提示组件 修复了 Calendar 没有默认值会导致 NAN 的bug Select, Actions 等组件的功...

2016/06/21 11:11

jQuery WeUI V0.7.1 发布

jQuery WeUI V0.7.1 发布了。jQuery WeUI 是专为微信公众账号开发而设计的一套UI库。 jQuery WeUI V0.7.1 发布了,本次主要修复了日历组件的一个严重bug,另外对其他组件进行了一些易用性的更...

2016/05/30 15:10

jQuery WeUI V0.7.0 发布,新增图片浏览器

jQuery WeUI V0.7.0 发布了。 主要改动如下: 新增图片浏览器: 类似微信朋友圈全屏查看照片的组件 大幅增强了 Select 组件的功能 修复了一些组件的bug 更多内容请参阅这里。...

2016/05/09 15:28

jQuery WeUI V0.6.1 发布,可能是最好用的 WeUI 版本

jQuery WeUI V0.6.1 发布了。 这次主要修复了之前很多人反馈的 Select 和 Calendar 两个组件的问题,并且更新了weui的版本到 V0.4.1。另外还增加了压缩版本的JS和CSS文件。 更新日志: weui...

2016/04/22 11:16

jQuery WeUI V0.6.0 发布,Bug 修复 & 新增组件

jQuery WeUI V0.6.0 发布了! jQuery WeUI 是基于微信官方 WeUI 的一个jQuery实现版,并且大大增强和拓展了官方weui的功能,非常适合进行微信公众账号的开发。 本次主要改动: 修复了日历和地...

2016/04/08 11:41

jQuery WeUI V0.5.1 发布 ,新增大量实用组件

jQuery WeUI V0.5.1 发布了。从 V0.5开始又引入了更丰富的拓展组件,包括 日历,幻灯片,地址选择器等。如果你在做微信公众号,那么jQuery WeUI 可能将是你的最好选择。 更新日志:( 对应 ...

2016/03/24 12:37

没有更多内容

加载失败,请刷新页面

没有更多内容

3
回答
Jquery Weui下拉刷新的问题

使用Jquery WeUi进行微信公众号开发,下拉刷新的时候,出现下滑操作和下拉,都识别成为下拉操作了。有没有比较好的解决办法? 看其他项目的网页源码也是...

2016/10/02 11:01
1
回答
基础控件weui_dialog_alert冲突,高度变为0

基础控件weui_dialog_alert冲突,高度变为0

2016/05/29 12:09
4
回答
请教下关于图片上传处理问题,谢谢!
封面 的回答 2016/11/04 09:09
最佳答案
jquery weui就是一个前端的样式库而已,就是正常的图片上传吧,这有什么难度吗?
1
回答
WEUI 中的滚动加载不起作用是什么原因

$('#giftList').infinite(50); $('#giftList').on("infinite", function() { alert...

2016/06/01 17:16
1
回答
用jqueryWeui写的jsp页面在手机微信上dialog和toast无法使用

我在jsp页面上写一个按钮,点击按钮弹出对话框。代码如下: <a href="javascript:buy();" class="weui_btn weu...

2016/05/20 21:49
2
回答
手机微信jqueryweui中使用swiper轮询图片,更换图片后还是显示原来的图片

<div class="swiper-container" style="height: 200px;"> <div class="swipe...

2016/05/20 15:42
4
回答
使用weui的jsp页面用手机微信打开不刷新页面内容
梦之海澜 的回答 2016/05/19 09:29
最佳答案
Java: response.setHeader("Cache-Control","no-cache"); response.setDateHeader("Expires", 0); response.setHeader("Pragma","no-cache"); HTML: <meta HT...

没有更多内容

加载失败,请刷新页面

没有更多内容

前端开发精品网站

阿里巴巴矢量图 http://www.iconfont.cn 阿里妈妈MUX倾力打造的矢量图标管理、交流平台。 设计师将图标上传到Iconfont平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便...

09/06 11:26
13
0
UI框架整理

1.PC端 easyui ligerui miniui(收费) dwz zui webx hui hui.admin h+ extjs jqwidgets fineui(收费) F.js JQuery UI ace b-jui Dojo Amazeui layui webix Semantic UI kendo ui superui 拼图...

2017/03/24 16:42
116
0
前端框架、前端工具记录(更新中....)

一、工具 前端工具库:http://www.w3cfuns.com/tools.php DCloud - HBuilder :http://www.dcloud.io Webstorm:http://www.jetbrains.com/webstorm/ easyicon图标:http://www.easyicon.net...

2016/03/05 15:51
805
2
可输入可下拉的输入选择框

PC <div class="row form-horizontal"> <div class="col-md-6"> <div class="form-group"> <label class="col-sm-2 control-label"><span class="mark-btn">*</span>落款部门</label> <div c...

2017/10/30 16:38
11
0
小程序自定义底部tab

场景 1.tabBar是在内页而非首页,这时就不得不自定义一个tabBar了 2.自定义风格 3.子页数量超过5个,得到更多了tab 4.改变点击tab默认事件,比如出登录界面,或者弹出上拉子菜单等 步骤 1.照...

08/07 16:28
718
0
jQuery weui时间选择器datetimepicker只要年月日完美解决方案

只想选择年月日,jquery-weui建议使用日历 但实际的需求如果选择生日等等,日历选择的用户体验很不好,所以进行源码修改,看下面颜色标注。 下面是HTML部分 ```python <input class="weui-i...

01/08 11:20
123
0
全球最知名开源项目大汇总(按采用的开发语言分类)

汇总 Java: Web框架: Spring Hibernate MyBatis SpringBoot 分布式服务治理: Dubbo Zookeeper 数据源管理: Druid Jedis C3P0 分布式文件系统: Hadoop 大数据处理: ElasticSearch HBase Storm...

08/31 11:23
48
0
web UI框架

以下是几个精致的web UI框架 1.Aliceui Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更...

07/02 11:34
43
0
MyClouds开发指南》第1章 MyClouds微服务治理及快速开发平台简介

概述 MyClouds是一个基于成熟软件项目研发方法论和SpringCloud生态圈的插拔式轻量级微服务治理及快速开发平台。以“标准功能可复用、通用模块可配置、业务需求快速开发、异构系统无缝集成、应...

03/28 23:39
1K
2

没有更多内容

加载失败,请刷新页面

返回顶部
顶部