MUI click点击事件/新页面跳转问题

第一次接触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传参
		})
});

 

  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值