Mui如何使用jquery并且实现点击跳转新窗口

这篇文章主要介绍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并且实现点击跳转新窗口
标题URL:http://bzwzjz.com/article/pddeeo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站设计 成都定制网站建设 上市集团网站建设 成都网站设计 成都网站设计 企业网站制作 重庆网站建设 网站建设 成都网站制作 四川成都网站设计 成都网站建设 高端定制网站设计 定制网站建设多少钱 响应式网站设计 成都网站建设 成都商城网站建设 成都网站制作公司 成都网站设计 网站建设开发 网站建设 营销型网站建设 成都网站建设