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