源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-09-12 22:00 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Mui使用jquery并且使用点击跳转新窗口的实例
[b]网上好多朋友是这样做的:[/b] [b]全局插入了js代码[/b]
mui('body').on('tap', 'a', function () { document.location.href = this.href; });
这样做是行的,但是有很多问题,比如点击侧栏的时候,就不出现,错误很多, 经实践自己的方法还是可行的,写多了jquery,竟然调试js原生老不成功。可能是生疏了,啥东西还是要用~ [b]那就先加入jquery[/b]
@Scripts.Render("~/bundles/jquery")
好了,直接上代码: [b]id跳转: [/b]
$('#Message').on("tap", function () {
  //打开关于页面
  mui.openWindow({
    url: '../Home/About',
    id: 'About' <br>});
[b]9宫格跳转:[/b]
$('.mui-grid-9').on("tap", 'a', function () {
    var url = $(this).attr('href');
    //打开关于页面
    mui.openWindow({
      url: url,
      id: 'info'
    });
  });
[b]图片轮播跳转:[/b]
$('#slider').on("tap", 'a',function () {
    var url = $(this).attr('href');
    //打开关于页面
    mui.openWindow({
      url: url,
      id: 'info'
    });
  });
以上这篇Mui使用jquery并且使用点击跳转新窗口的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部