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)