http://www.oschina.net/news/71590/jquery-weui-v0-4-2
jQuery WeUI V0.4.2 发布了!
jQuery WeUI 中使用的是官方WeUI的CSS代码,并提供了jQuery/Zepto版本的JS API实现。因为直接使用了官方的CSS,所以你不用担心跟官方版本的冲突。实际上 jQuery WeUI == WeUI + jQuery插件。轻量的特性使jQuery WeUI 可以很好的和VUE、React、Angular等JS框架结合使用。
jQuery WeUI 包含了WeUI官方的全部组件,而且还提供了下拉刷新、滚动加载等常用的组件,后续更新会不断增加更多常用组件。如果你想使用 WeUI 却又担心组件不够丰富,那么jQuery WeUI 将是你的正确选择。
官网地址: http://lihongxun945.github.io/jquery-weui/
简洁强大的API
如果你使用过jQuery,那么你使用jQuery WeUI 将没有任何障碍。所有的JS组件都是标准的jQuery插件:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | //显示一个对话框 $.alert( "我是一个对话框" ); //弹出一个actionsheet $.actions({ actions: [{ text: "编辑" , onClick: function () { //do something } },{ text: "删除" , onClick: function () { //do something } }] }); |
立刻试用
推荐通过npm获取代码: npm install jquery-weui
1 2 3 4 5 6 7 | <!— 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 是官方的版本,并未做任何修改。
点击这里直接下载 jQuery WeUI