MUI click點擊事件／新頁面跳轉問題

第一步：引入應對的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傳參
        })
});