<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<script src="js/mui.min.js"></script>
<link href="css/mui.min.css" rel="stylesheet"/>
<script type="text/javascript" charset="utf-8">
mui.init();
mui.plusReady(function(){
var lg=document.getElementById("loginBtn");
var rg=document.getElementById("regBtn");
lg.addEventListener('tap',function(){
alert("登录");
});
rg.addEventListener('tap',function(){
alert("注册");
})
})
</script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">登录</h1>
</header>
<div class="mui-bar mui-bar-tab" style="height:30px;line-height:30px;font-size:13px;text-align:center;">
</div>
<div class="mui-content">
<div class="mui-input-group">
<div class="mui-input-row">
<label>用户名</label>
<input type="text" id="username" placeholder="用户名">
</div>
<div class="mui-input-row">
<label>密码</label>
<input type="password" id="userpassword" placeholder="密码">
</div>
</div>
</div>
<div style="margin-top:-30px;text-align: center;">
<button type="button" class="mui-btn mui-btn-primary" id="loginBtn">登录</button>
<button type="button" class="mui-btn mui-btn-primary" id="regBtn">注册</button>
</div>
</body>
</html>
小学生了
- 发布：2016-08-11 08:54
- 更新：2016-08-11 15:32
- 阅读：2606
5 个回复
最佳回复
lsvih
普通网页请用mui.ready() ，mui.plusReady()是给运行在基座上的app网页准备的
BoredApe - 有问题就会有答案。
在什么环境下运行的?你使用了mui.plusReady()只能在5+环境下运行
小学生了 (作者)
在浏览器里运行的。以前都可以啊
小学生了 (作者)
如果用mui制作手机web页面，不能用监听这种方式，只能给button赋onclick事件？
BoredApe
使用mui.ready()
2016-08-11 11:09
小学生了 (作者)
钉钉里面的微应用页面可以吗？