Mui使用jquery并且使用点击跳转新窗口的实例


Posted in jQuery onAugust 19, 2017

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

全局插入了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并且使用点击跳转新窗口的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

jQuery 相关文章推荐
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
JQuery实现图片轮播效果
May 08 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
通过jquery toggleClass()属性制作文章段落更改背景颜色
May 21 jQuery
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 jQuery
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
如何在vue 中引入使用jquery
Nov 10 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 #jQuery
简单实现jQuery轮播效果
Aug 18 #jQuery
简单实现jQuery手风琴效果
Aug 18 #jQuery
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 #jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 #jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 #jQuery
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 #jQuery
You might like
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
php中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
php递归获取目录内文件(包含子目录)封装类分享
2013/12/25 PHP
PHP实现批量生成App各种尺寸Logo
2015/03/19 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
Git命令之分支详解
2021/03/02 PHP
js的闭包的一个示例说明
2008/11/18 Javascript
加载jQuery后$冲突的解决办法
2010/07/09 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
JS实现弹性菜单效果代码
2015/09/07 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
Node.js的环境安装配置(使用nvm方式)
2016/10/11 Javascript
微信小程序 教程之注册页面
2016/10/17 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
2017/01/16 Javascript
JS中如何实现Laravel的route函数详解
2017/02/12 Javascript
Vue.use源码分析
2017/04/22 Javascript
使用Require.js封装原生js轮播图的实现代码
2017/06/15 Javascript
vue动态子组件的两种实现方式
2019/09/01 Javascript
javascript合并两个数组最简单的实现方法
2019/09/14 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
使用python爬取微博数据打造一颗“心”
2019/06/28 Python
Python爬虫实现的根据分类爬取豆瓣电影信息功能示例
2019/09/15 Python
Python3读写Excel文件(使用xlrd,xlsxwriter,openpyxl3种方式读写实例与优劣)
2020/02/13 Python
canvas像素点操作之视频绿幕抠图
2018/09/11 HTML / CSS
方法名是否可以与构造器的名字相同
2012/06/04 面试题
函授大专自我鉴定
2013/11/01 职场文书
高中军训感言600字
2014/03/11 职场文书
捐款倡议书
2014/04/14 职场文书
高中班主任评语大全
2014/04/25 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
幼儿园欢迎词范文
2015/01/26 职场文书
青岛海底世界导游词
2015/02/11 职场文书
学生退学证明
2015/06/23 职场文书