网上好多朋友是这样做的:

全局插入了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点击添加类名_Mui使用jquery并且使用点击跳转新窗口的实例相关推荐

  1. java表格点击添加按钮一行_JavaScript_JQuery实现动态表格点击按钮表格增加一行,功能实现:点击添加按钮,表 - phpStudy...

    JQuery实现动态表格点击按钮表格增加一行 功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取 点击删除,自动删除这一行 JQuery中定义一个count变量 var coun ...

  2. php网站首页点击更多时获取数据,jQuery+PHP实现点击按钮加载更多,不刷新页面加载更多数据!附:可用源码+demo...

    先上效果: 刚打开页面的时候,只显示部分数据,点击加载更多的时候,就会加载我们预先定义的加载数量显示出来!当数据库里面的所有数据都显示出来,就提示全部加载了! 新建index.php jQuery+p ...

  3. 自定义添加关键词Tag标签jquery插件

    下载地址 一款点击添加关键词Tag标签jquery插件,此款jquery插件不仅可以自定义输入关键词标签,还可以展开选择已有关键词标签,当关键词标签内容比较多时可以点击换一换来切换下一页 dd:

  4. html5 添加class,点击添加class 接着编写添加class的方法

    jquery点击加class在点击移除添加的class 点击.productVs 添加.ppp在点击移除.ppp toggleClass方法可以实现对某一class进行添加.删除操作. 示例: $(' ...

  5. php点击按钮显示隐藏代码,jQuery中点击按钮实现显示与隐藏的方法

    jQuery能够简单快捷的实现很多功能,因此在前端开发中被广泛使用,正在学习jQuery的小伙伴,你会用jQuery实现点击显示再次点击隐藏的效果吗(即jQuery二次点击隐藏)?这篇文章就和大家讲讲 ...

  6. vue点击切换类名_vue 新用户引导(vue-dirver)

    最近公司经理让我在项目上做一个新用户引导,讲真这玩意我只在APP上看见过,网页上没啥功能啊,还需要引导! 没办法,刚它!!! 在网上查了点资料 Vue 基本上都是 intro.js 和 driver. ...

  7. RecyclerView的基础使用 +点击添加列表数据 +下拉刷新、上拉加载更多

    一.RecyclerView的基础使用. 第一步:添加recyclerview控件. 第二步:创建布局文件(xml) + 单独的类控制布局里面的控件(MyViewHolder). 第三步:创建一个适配 ...

  8. jQuery如何通过点击按钮实现图片的切换,和超链接地址的跳转?

    点击一张图片更换为另一张图片: <!-- jquery引入到这个jsp里面 --><script type="text/javascript" src=" ...

  9. [c#]解决方案:需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。

    [c#]解决方案:需要"jquery"ScriptResourceMapping.请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping. 参考 ...

最新文章

  1. Python 中的进程、线程、协程、同步、异步、回调(一)
  2. 获得系统当前时间的字符串格式
  3. 社会化工程攻击针对目标不再仅限最终用户
  4. PCL:Ubuntu下安装配置PCL
  5. 全球企业KVM开源贡献榜发布,腾讯云、华为、阿里巴巴等入围
  6. 推荐阅读-Docker实现原理之Namespace,CGroup
  7. 比例调速阀AMESim仿真
  8. 伺服电机(舵机)简单介绍
  9. iOS 获取APP名称 版本等
  10. 手机硬件研发工程师的主要工作职责是什么?
  11. Liunx操作指令大全(基础知识到应用(易上手),全网最全)
  12. Metasploit Framework(3)Meterpreter
  13. error C2144: syntax error: 'int' should be preceded by ';'
  14. 天玑9200和骁龙8+哪个好 天玑9200和骁龙8+gen1对比
  15. 国际金融学试题及参考答案
  16. Linux修改默认登录端口22
  17. google学术,高级搜索怎么使用
  18. java springboot微信公众号接收回复消息和超过5秒被动回复消息
  19. 英语四级单选测试软件,英语四级单选选择
  20. Qt图片绘图类 QPixmap

热门文章

  1. 一个简化的插件框架c#
  2. 【点击模型学习笔记】Modeling contextual factors of click rates_MS_AAAI2007
  3. Python学习笔记--6.2 文件读写
  4. 2018年6月3号(线段树(3))
  5. (分治)7617:输出前k大的数
  6. Chrome 实现前端页面自动刷新
  7. Exchange2003/2010共存模式环境迁移
  8. C语言进阶——使用C语言与gnuplot结合画一些波形
  9. 《计算机网络 自顶向下方法》 第2章 应用层 Part1
  10. Uncaught SyntaxError: Unexpected token export