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