开源中国

我们不支持 IE 10 及以下版本浏览器

It appears you’re using an unsupported browser

为了获得更好的浏览体验,我们强烈建议您使用较新版本的 Chrome、 Firefox、 Safari 等,或者升级到最新版本的IE浏览器。 如果您使用的是 IE 11 或以上版本,请关闭“兼容性视图”。
jQuery WeUI首页、文档和下载 - 用于微信公众号开发的 UI 库 - 开源中国社区
全部项目分类
MIT
跨平台
YC222
分享
收藏
404 人收藏
收录时间:2016-03-24
jQuery WeUI 详细介绍

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

jQuery WeUI

选择将代码托管在码云
你还在等什么

可能是中国最大最好的代码托管平台


大家对 jQuery WeUI 的评论 (全部 8 条评论)
{{repayCom.userName}}
incess
还是不错的东西,用了一段时间了,只是好久不更新了,建议也更新小程序的
yasin0824
非常的好用
wivwiv
早起版本有严重BUG,浏览器禁用JS后可以干很多坏事
eechen的亲爹
这个库还在维护吗,看已经5、6个月没有更新了 #jQuery WeUI#
顶部