jQuery WeUI:WeUI 的jQuery實現版
文章目錄[隱藏]
- 簡潔強大的API
- 立即使用
WPJAM TOC
WeUI 是微信官方團隊針對微信提供的一個 H5 UI 庫,它只提供了一組CSS組件。
jQuery WeUI 中使用的是官方 WeUI 的 CSS 代碼,并提供了 jQuery/Zepto 版本的 API 實現。因為直接使用了官方的 CSS,所以你不用擔心跟官方版本的沖突。實際上 jQuery WeUI == WeUI + jQuery 插件。
下載+文檔:http://lihongxun945.github.io/jquery-weui/
簡潔強大的API
如果你使用過 jQuery,那么你使用 jQuery WeUI 將沒有任何障礙,所有的 JS 組件都是標準的 jQuery 插件:
//顯示一個對話框
$.alert("我是一個對話框");
//彈出一個actionsheet
$.actions({
actions: [{
text: "編輯",
onClick: function() {
//do something
}
},{
text: "刪除",
onClick: function() {
//do something
}
}]
});
立即使用
依次引入如下文件后即可使用:
<!-- 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 是官方的版本,并未做任何修改。
下載+文檔:http://lihongxun945.github.io/jquery-weui/
標簽:WeUI