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://ybzwz.com/article/pddeeo.html