Mui如何使用jquery并且实现点击跳转新窗口-创新互联
这篇文章主要介绍Mui如何使用jquery并且实现点击跳转新窗口,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联建站是一家专业提供旬阳企业网站建设,专注与成都网站制作、做网站、H5页面制作、小程序制作等业务。10年已为旬阳众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。全局插入了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并且实现点击跳转新窗口”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联成都网站制作公司行业资讯频道!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
新闻标题:Mui如何使用jquery并且实现点击跳转新窗口-创新互联
本文地址:http://scyanting.com/article/cceiio.html