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