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