代码：
var mui=function(a,b){
var c=/complete|loaded|interactive/,d=/^#([\w-]+)$/,e=/^\.([\w-]+)$/,f=/^[\w-]+$/,g=/translate(?:3d)?\((.+?)\)/,h=/matrix(3d)?\((.+?)\)/,i=function(b,c){
if(c=c||a,!b)return j();if("object"==typeof b)return i.isArrayLike(b)?j(i.slice.call(b),null):j([b],null);if("function"==typeof b)return i.ready(b);if("string"==typeof b)try{
if(b=b.trim(),d.test(b)){
var e=a.getElementById(RegExp.$1);return j(e?[e]:[])}return j(i.qsa(b,c),b)}catch(f){
}return j()},j=function(a,b){
return a=a||[],Object.setPrototypeOf(a,i.fn),a.selector=b||"",a};i.uuid=0,i.data={
},i.extend=function(){
var a,c,d,e,f,g,h=arguments[0]||{
},j=1,k=arguments.length,l=!1;for("boolean"==typeof h&&(l=h,h=arguments[j]||{
},j++),"object"==typeof h||i.isFunction(h)||(h={
}),j===k&&(h=this,j--);k>j;j++)if(null!=(a=arguments[j]))for(c in a)d=h[c],e=a[c],h!==e&&(l&&e&&(i.isPlainObject(e)||(f=i.isArray(e)))?(f?(f=!1,g=d&&i.isArray(d)?d:[]):g=d&&i.isPlainObject(d)?d:{
},h[c]=i.extend(l,g,e)):e!==b&&(h[c]=e));return h},i.noop=function(){
},i.slice=[].slice,i.filter=[].filter,i.type=function(a){
return null==a?String(a):k[{
}.toString.call(a)]||"object"},i.isArray=Array.isArray||function(a){
return a instanceof Array},i.isArrayLike=function(a){
var b=!!a&&"length"in a&&a.length,c=i.type(a);return"function"===c||i.isWindow(a)?!1:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a},i.isWindow=function(a){
return null!=a&&a===a.window},i.isObject=function(a){
return"object"===i.type(a)},i.isPlainObject=function(a){
return i.isObject(a)&&!i.isWindow(a)&&Object.getPrototypeOf(a)===Object.prototype},i.isEmptyObject=function(a){
for(var c in a)if(c!==b)return!1;return!0},i.isFunction=function(a){
return"function"===i.type(a)},i.qsa=function(b,c){
return c=c||a,i.slice.call(e.test(b)?c.getElementsByClassName(RegExp.$1):f.test(b)?c.getElementsByTagName(b):c.querySelectorAll(b))},i.ready=function(b){
return c.test(a.readyState)?b(i):a.addEventListener("DOMContentLoaded",function(){
b(i)},!1),this},i.buffer=function(a,b,c){
function d(){
e&&(e.cancel(),e=0),f=i.now(),a.apply(c||this,arguments),g=i.now()}var e,f=0,g=0,b=b||150;return i.extend(function(){
!f||g>=f&&i.now()-g>b||f>g&&i.now()-f>8*b?d.apply(this,arguments):(e&&e.cancel(),e=i.later(d,b,null,i.slice.call(arguments)))},{
stop:function(){
e&&(e.cancel(),e=0)}})},i.each=function(a,b,c){
if(!a)return this;if("number"==typeof a.length)[].every.call(a,function(a,c){
return b.call(a,c,a)!==!1});else for(var d in a)if(c){
if(a.hasOwnProperty(d)&&b.call(a[d],d,a[d])===!1)return a}else if(b.call(a[d],d,a[d])===!1)return a;return this},i.focus=function(a){
i.os.ios?setTimeout(function(){
a.focus()},10):a.focus()},i.trigger=function(a,b,c){
return a.dispatchEvent(new CustomEvent(b,{
detail:c,bubbles:!0,cancelable:!0})),this},i.getStyles=function(a,b){
var c=a.ownerDocument.defaultView.getComputedStyle(a,null);return b?c.getPropertyValue(b)||c[b]:c},i.parseTranslate=function(a,b){
var c=a.match(g||"");return c&&c[1]||(c=["","0,0,0"]),c=c[1].split(","),c={
x:parseFloat(c[0]),y:parseFloat(c[1]),z:parseFloat(c[2])},b&&c.hasOwnProperty(b)?c[b]:c},i.parseTranslateMatrix=function(a,b){
var c=a.match(h),d=c&&c[1];c?(c=c[2].split(","),"3d"===d?c=c.slice(12,15):(c.push(0),c=c.slice(4,7))):c=[0,0,0];var e={
x:parseFloat(c[0]),y:parseFloat(c[1]),z:parseFloat(c[2])};return b&&e.hasOwnProperty(b)?e[b]:e},i.hooks={
},i.addAction=function(a,b){
var c=i.hooks[a];return c||(c=[]),b.index=b.index||1e3,c.push(b),c.sort(function(a,b){
return a.index-b.index}),i.hooks[a]=c,i.hooks[a]},i.doAction=function(a,b){
i.isFunction(b)?i.each(i.hooks[a],b):i.each(i.hooks[a],function(a,b){
return!b.handle()})},i.later=function(a,b,c,d){
b=b||0;var e,f,g=a,h=d;return"string"==typeof a&&(g=c[a]),e=function(){
g.apply(c,i.isArray(h)?h:[h])},f=setTimeout(e,b),{
id:f,cancel:function(){
clearTimeout(f)}}},i.now=Date.now||function(){
return+new Date};var k={
};return i.each(["Boolean","Number","String","Function","Array","Date","RegExp","Object","Error"],function(a,b){
k["[object "+b+"]"]=b.toLowerCase()}),window.JSON&&(i.parseJSON=JSON.parse),i.fn={
each:function(a){
return[].every.call(this,function(b,c){
return a.call(b,c,b)!==!1}),this}},"function"==typeof define&&define.amd&&define("mui",[],function(){
return i}),i}(document);!function(a,b){
function c(c){
this.os={
};var d=[function(){
var a=c.match(/(MicroMessenger)\/([\d\.]+)/i);return a&&(this.os.wechat={
version:a[2].replace(/_/g,".")}),!1},function(){
var a=c.match(/(Android);?[\s\/]+([\d.]+)?/);return a&&(this.os.android=!0,this.os.version=a[2],this.os.isBadAndroid=!/Chrome\/\d/.test(b.navigator.appVersion)),this.os.android===!0},function(){
var a=c.match(/(iPhone\sOS)\s([\d_]+)/);if(a)this.os.ios=this.os.iphone=!0,this.os.version=a[2].replace(/_/g,".");else{
var b=c.match(/(iPad).*OS\s([\d_]+)/);b&&(this.os.ios=this.os.ipad=!0,this.os.version=b[2].replace(/_/g,"."))}return this.os.ios===!0}];[].every.call(d,function(b){
return!b.call(a)})}c.call(a,navigator.userAgent)}(mui,window),function(a,b){
function c(c){
this.os=this.os||{
};var d=c.match(/Html5Plus/i);d&&(this.os.plus=!0,a(function(){
b.body.classList.add("mui-plus")}),c.match(/StreamApp/i)&&(this.os.stream=!0,a(function(){
b.body.classList.add("mui-plus-stream")})))}c.call(a,navigator.userAgent)}(mui,document),function(a){
"ontouchstart"in window?(a.isTouchable=!0,a.EVENT_START="touchstart",a.EVENT_MOVE="touchmove",a.EVENT_END="touchend"):(a.isTouchable=!1,a.EVENT_START="mousedown",a.EVENT_MOVE="mousemove",a.EVENT_END="mouseup"),a.EVENT_CANCEL="touchcancel",a.EVENT_CLICK="click";var b=1,c={
},d={
preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"},e=function(){
return!0},f=function(){
return!1},g=function(b,c){
return b.detail?b.detail.currentTarget=c:b.detail={
currentTarget:c},a.each(d,function(a,c){
var d=b[a];b[a]=function(){
return this[c]=e,d&&d.apply(b,arguments)},b[c]=f},!0),b},h=function(a){
return a&&(a._mid||(a._mid=b++))},i={
},j=function(b,d,e,f){
return function(e){
for(var f=c[b._mid][d],h=[],i=e.target,j={
};i&&i!==document&&i!==b&&(!~["click","tap","doubletap","longtap","hold"].indexOf(d)||!i.disabled&&!i.classList.contains("mui-disabled"));i=i.parentNode){
var k={
};a.each(f,function(c,d){
j[c]||(j[c]=a.qsa(c,b)),j[c]&&~j[c].indexOf(i)&&(k[c]||(k[c]=d))},!0),a.isEmptyObject(k)||h.push({
element:i,handlers:k})}j=null,e=g(e),a.each(h,function(b,c){
i=c.element;var f=i.tagName;return"tap"===d&&"INPUT"!==f&&"TEXTAREA"!==f&&"SELECT"!==f&&(e.preventDefault(),e.detail&&e.detail.gesture&&e.detail.gesture.preventDefault()),a.each(c.handlers,function(b,c){
a.each(c,function(a,b){
b.call(i,e)===!1&&(e.preventDefault(),e.stopPropagation())},!0)},!0),e.isPropagationStopped()?!1:void 0},!0)}},k=function(a,b){
var c=i[h(a)],d=[];if(c){
if(d=[],b){
var e=function(a){
return a.type===b};return c.filter(e)}d=c}return d},l=/^(INPUT|TEXTAREA|BUTTON|SELECT)$/;a.fn.on=function(b,d,e){
return this.each(function(){
var f=this;h(f),h(e);var g=!1,k=c[f._mid]||(c[f._mid]={
}),m=k[b]||(k[b]={
});a.isEmptyObject(m)&&(g=!0);var n=m[d]||(m[d]=[]);if(n.push(e),g){
var o=i[h(f)];o||(o=[]);var p=j(f,b,d,e);o.push(p),p.i=o.length-1,p.type=b,i[h(f)]=o,f.addEventListener(b,p),"tap"===b&&f.addEventListener("click",function(a){
if(a.target){
var b=a.target.tagName;if(!l.test(b))if("A"===b){
var c=a.target.href;c&&~c.indexOf("tel:")||a.preventDefault()}else a.preventDefault()}})}})},a.fn.off=function(b,d,e){
return this.each(function(){
var f=h(this);if(b)if(d)if(e){
var g=c[f]&&c[f][b]&&c[f][b][d];a.each(g,function(a,b){
return h(b)===h(e)?(g.splice(a,1),!1):void 0},!0)}else c[f]&&c[f][b]&&delete c[f][b][d];else c[f]&&delete c[f][b];else c[f]
代码：
<body>
<header class="mui-bar mui-bar-nav" style="background: #b73221; height: 50px;">
<div style="line-height: 50px;font-size: 18px; color: white; float: left; margin-left: 10px;">社区</div>
</header>
<div class="mui-content">
<div class="title" style="font-size: 18px; font-family: '微软雅黑'; text-indent: 15px; margin-top: 10PX; margin-bottom: 5px;">
公共版块
</div>
<ul class="mui-table-view">
<li class="mui-table-view-cell mui-media">
<a href="book_review.html">
<img class="mui-media-object mui-pull-left" src="images/JCSP.png">
<div class="mui-media-body" style="line-height:45px; text-indent: 15px; float: left; font-family: '微软雅黑'">
精彩书评
</div>
<span class="mui-icon mui-icon-arrowright" style="float:right;line-height:45px;color: #ACACB4;"></span>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="#" id="abcd">
<img class="mui-media-object mui-pull-left" src="images/WDDT.png">
<div class="mui-media-body" style="line-height:45px; text-indent: 15px; float: left; font-family: '微软雅黑'">
我的动态
</div>
<span class="mui-icon mui-icon-arrowright" style="float:right;line-height:45px; color: #ACACB4;"></span>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="book_list.html">
<img class="mui-media-object mui-pull-left" src="images/SHHZ.png">
<div class="mui-media-body" style="line-height:45px; text-indent: 15px; float: left; font-family: '微软雅黑'">
书荒互助
</div>
<span class="mui-icon mui-icon-arrowright" style="float:right;line-height:45px;color: #ACACB4;"></span>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<a href="javascript:;" id="nvs">
<img class="mui-media-object mui-pull-left" src="images/NSMY.png">
<div class="mui-media-body" style="line-height:45px; text-indent: 15px; float: left; font-family: '微软雅黑'">
女生密语
</div>
<span class="mui-icon mui-icon-locked" style="float:right;line-height:45px;color: #ACACB4;"></span>
</a>
</li>
有任何问题都可以直接评论，每天都会抽时间上来回复大家。