jQuery WeUI V0.4.2 发布


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM