1 mui("#input_example input").each(function() { (!this.value || this.value.trim() == "") { 4 var label = this.previousElementSibling; 5 mui.alert(label.innerText + "不允许为空"); 6 check = false; ; 8 } (check){ 11 mui.alert('验证通过!') 12 }

代码块激活字符：minput

列表是常用的UI控件，mui封装的列表组件比较简单，只需要在ul节点上添加.mui-table-view类、在li节点上添加.mui-table-view-cell类即可，如下为示例代码

　　Item 1　　Item 2　　Item 3

右侧添加导航箭头

　　　　　　Item 1　　　　　　　　Item 2　　　　　　　　Item 3

右侧添加数字角标

　　Item 1 11　　　　Item 2 22　　　　Item 3 33　　

media list （图文列表）

图文列表继承自列表组件，主要添加了.mui-media、.mui-media-object、.mui-media-body、.mui-pull-left/right几个类，如下为示例代码

　　　　　　　　　　　　　　　　　　　　　　幸福 能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　木屋 想要这样一间小木屋，夏天挫冰吃瓜，冬天围炉取暖.　　　　　　　　　　　　　　　　　　　　　　　　　　CBD 烤炉模式的城，到黄昏，如同打翻的调色盘一般.　　　　　　　　　　

代码块激活字符：mlist

（13）遮罩蒙版

在popover、侧滑菜单等界面，经常会用到蒙版遮罩；比如popover弹出后，除popover控件外的其它区域都会遮罩一层蒙版，用户点击蒙版不会触发蒙版下方的逻辑，而会关闭popover同时关闭蒙版；再比如侧滑菜单界面，菜单划出后，除侧滑菜单之外的其它区域都会遮罩一层蒙版，用户点击蒙版会关闭侧滑菜单同时关闭蒙版。

遮罩蒙版常用的操作包括：创建、显示、关闭，如下代码：

mask.show();mask.close();//关闭遮罩

注意：关闭遮罩仅会关闭，不会销毁；关闭之后可以再次调用mask.show();打开遮罩；

mui默认的蒙版遮罩使用.mui-backdrop类定义（如下代码），若需自定义遮罩效果，只需覆盖定义.mui-backdrop即可；

1 .mui-backdrop { 2 position: fixed; 3 top: 0; 4 right: 0; 5 bottom: 0; 6 left: 0; 7 z-index: 998; 8 }

代码块激活字符：mmask

OK，今天的学习总结就是这些了，持续更新中……