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 条评论,请先登录后再查看。

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

没有更多内容

加载失败,请刷新页面

没有更多内容

jQuery WeUI

jQuery WeUI jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。 jQue...

2019/06/18 18:08
29
0
Jquery weui学习

1.action-sheet.html 1 1 <!DOCTYPE html> 2 2 <html> 3 3 <head> 4 4 <title>jQuery WeUI</title> 5 5 <meta charset="utf-8"> 6 6 <meta http-equi...

2018/01/19 19:24
11
0
jquery weui轮播图的使用

jquery weui的轮播图是对第三方插件swiper的一个封装,所以使用时需要引入对应的swiper.min.js文件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> ...

2018/03/02 10:09
62
0
jquery weui ajax滚动加载更多

<div class="htmledit_views"> <p>手机端使用jquery weui制作ajax滚动加载更多。</p> <p>演示地址:<a href="http://wx.cnkfk.com/nuol/static/fpage.html" target="_blank">http://wx.cnkf...

2018/06/13 13:06
34
0
jQuery WeUI实现分页功能

使用前记得先引入:weui.min.css、jquery-weui.min.css、jquery-weui.min.js 第一步:将下面的代码放在body结束标签上面(这个位置可以自己按需求放) <div class="weui-loadmore" id="loadin...

2018/06/11 22:48
34
0
jquery weui 图片浏览器Photo Browser

jquery weui 图片浏览器Photo Browser 如何使用? 对应组件地址:http://jqweui.com/extends#swiper 先说说业务场景:类似朋友圈这样的布局效果,点击小图可以浏览大图,并支持大图左右切换,...

2018/08/17 16:09
88
0
Jquery WEUI 滚动加载(infinite)不触发

源代码:(1.0.1版本) Infinite.prototype.scroll = function() { var container = this.container; var offset = container.scrollHeight() - ($(window).height() + container.s...

2019/09/25 14:15
5
0
WeUI框架

WeUI框架 WeUI是一套小程序的UI框架,所谓UI框架就是一套界面设计方案,有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了UI框架,我们就可以让我们的小程序变得更加美观。 体验W...

2019/10/23 08:23
200
0
weui的使用

weui的demo地址: https://weui.io github地址:https://github.com/Tencent/weui.js 开发 安装 git clone https://github.com/Tencent/weui.js.git cd weui.js npm install npm start 编...

2019/08/20 18:32
115
0
微信WeUI基础

首先引入样式css和js 虽然基础的其实还有weui.min.css,但是为了一些动态效果,也要引入其他的东西。 基本框架 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">...

2018/08/30 18:51
32
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部