这篇文章主要介绍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' 
});

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如何使用jquery并且实现点击跳转新窗口”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

当前名称：Mui如何使用jquery并且实现点击跳转新窗口
转载源于：http://chengdu.cdxwcx.cn/article/pddeeo.html