本文主要为大家带来一篇mui使用jquery并且使用点击跳转新窗口的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望能帮助到大家。
全局插入了js代码
mui('body').on('tap', 'a', function () { document.location.href = this.href; });
这样做是行的，但是有很多问题，比如点击侧栏的时候，就不出现，错误很多，
经实践自己的方法还是可行的，写多了jquery，竟然调试js原生老不成功。可能是生疏了，啥东西还是要用~
那就先加入jquery
@scripts.render("~/bundles/jquery")
好了，直接上代码：
id跳转：
$('#message').on("tap", function () {
//打开关于页面
mui.openwindow({
url: '../home/about',
id: 'about' <br>});
9宫格跳转：
$('.mui-grid-9').on("tap", 'a', function () {
var url = $(this).attr('href');
//打开关于页面
mui.openwindow({
url: url,
id: 'info'
});
});
图片轮播跳转：
$('#slider').on("tap", 'a',function () {
var url = $(this).attr('href');
//打开关于页面
mui.openwindow({
url: url,
id: 'info'
});
});
相关推荐：
实例详解mui上拉加载更多下拉刷新数据的封装过程
js实现 mui导航栏透明渐变效果
移动html5中mui框架的使用方法
以上就是mui使用jquery并且使用点击跳转新窗口示例分享的详细内容。