第一次接觸mui,談一下剛遇到的一些小問題咯。

第一步：引入應對的css\js

<link href="css/mui.min.css" rel="stylesheet" />
<script src="js/mui.min.js"></script>

初始化 mui:

<script type="text/javascript">
	mui.init()
</script>

問題一：點選事件

功能描述：點選確認按鈕，彈出hello world

<div class="mui-button-row">
	<button type="button" class="mui-btn mui-btn-primary" id="makeSure">確認</button>
	<button type="button" class="mui-btn mui-btn-danger" >取消</button>
</div>
 

jquery的寫法：

$("#makeSure").on('click',function(){
  alert("hello world");
})

mui寫法：

mui('.mui-button-row').on('tap','#makeSure' ,function(event) {
    mui.alert("hello world")
})

問題二：跳轉到新頁面

功能描述：點選下一頁，跳轉到secondPage.html

之前 a 標籤直接href後面連結地址。

mui寫法：

<a class="toNextPage" id="info">下一頁</a>

document.getElementById('info').addEventListener('tap', function() {
		mui.openWindow({
			url: './secondPage.html', //通過URL傳參
		})
});