Mui使用jquery并且使用点击跳转新窗口的实例
编程学习 2021-07-04 18:33www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇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使用jquery并且使用点击跳转新窗口的实例就是长沙网络推广分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持狼蚁SEO。
上一篇：深入理解ES6的迭代器与生成器
下一篇：Vue自定义事件(详解)