纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

MUI侧滑菜单a标签跳转 基于Python实现MUI侧滑菜单a标签跳转

衡辉   2021-11-18 我要评论
想了解基于Python实现MUI侧滑菜单a标签跳转的相关内容吗衡辉在本文为您仔细讲解MUI侧滑菜单a标签跳转的相关知识和一些Code实例欢迎阅读和指正我们先划重点:Python侧滑菜单a标签跳转,MUI侧滑菜单,a标签跳转下面大家一起来学习吧

本文转自微信公众号:"算法与编程之美"

1、前言

侧滑是一个非常实用的选项组件它在Android App应用中非常广泛常见的场景有:下拉刷新侧滑抽屉侧滑删除侧滑返回以及侧滑菜单等就是因为侧滑应用太过于广泛它所带来的问题也是应接不暇

2、问题描述

在实际操作过程中实现侧滑菜单带来了那么一个问题侧滑菜单已经实现但是侧滑导航的子选项卡里的内容要如何实现跳转通常想到的办法便是建立<a>标签选项卡进行herf的添加进行跳转在一般情况下我们当然可以利用a标签herf的跳转但是那是大多数情况在实际操作中这种情况还经常发生并且很少有解决的方法所以小编在此便是通过这篇文章进行帮助解决

3、解决方案

我们知道MUI提供两种侧滑导航实现:div模式和webview模式

Webview模式是根据单独的菜单框架填写内容它所构成的菜单是一个独立菜单区域并且webview模式下的菜单区域不会影响主菜单的内容滑动的实用性非常高

div模式则是根据主页面来创建的一个菜单区域它和主页面都同时处于一个webview中所以它是可以拖动手势进行切换到菜单区域并且可以通过JS轻松实现交互

那么本篇文章便是针对div模式下的侧滑菜单进行解决创建一个侧滑导航区域

我们上面提到div模式下侧滑菜单可以通过JS实现交互那么这里的侧滑导航内容便可以利用JS解决<a>标签无法通过herf实现跳转(同时在网上查找到另一种方法也可实现.)

具体代码如下:

方法一:

mui('body').on('tap','a',function(){
 window.top.location.href=this.href;
 });

方法二:

mui('#menu').on('tap','li  a',function(){ 

    // 获取地址   

    var href =  this.getAttribute('href');   

     mui.openWindow({ 

        id:  'new', 

        url:  href 

    }) 

})

4、结语

在一般浏览器运行时MUI判断到没有plus环境herf可以用做跳转但是在实际的Android App运行中就不能所以可以通过以上的JS实现

同时需要注意:JS代码放在boby内容的下方才能实现


相关文章

猜您喜欢

  • C及C++语言桶排序算法 C及C++语言八大排序算法之桶排序全过程示例详解

    想了解C及C++语言八大排序算法之桶排序全过程示例详解的相关内容吗xr415在本文为您仔细讲解C及C++语言桶排序算法的相关知识和一些Code实例欢迎阅读和指正我们先划重点:C及C++八大排序算法,C及C++桶排序算法下面大家一起来学习吧..
  • JavaWeb request Javaweb基础入门requse原理与使用

    想了解Javaweb基础入门requse原理与使用的相关内容吗yyy言者在本文为您仔细讲解JavaWeb request的相关知识和一些Code实例欢迎阅读和指正我们先划重点:JavaWeb,request,Java,request下面大家一起来学习吧..

网友评论

Copyright 2020 www.fresh-weather.com 【世纪下载站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式