mui组件(a标签href)点击不跳转 - 解决篇


mui组件(a标签href)点击不跳转 - 解决篇


mui相关组件 · 截图说明

  1. mui组件:“div模式下拉菜单” (如下图 · 左)
  2. mui组件:“侧滑导航” (如下图 · 右)

在这里插入图片描述

项目案例 · 截图示下:

在这里插入图片描述
在这里插入图片描述


mui框架本身对<a>标签的点击跳转进行了自定框架的逻辑定义,导致很多带有href链接属性<a href="https://blog.csdn.net/qq_35393869">我是超链接,但我就是不跳转!</a>不能正常跳转。


解决办法:

1. 部分js代码(主要代码如下)
//下沉菜单中的点击事件
mui('#menu').on('tap', 'a', function() {
	toggleMenu();
	//info.innerHTML = '你已选择:'+this.innerHTML;
	//console.log('你已选择:'+this.innerHTML);
	
	document.location.href=this.href; /*本文主要就是这句代码!*/
	
});

说明: 在代码的适当位置,插入如下代码即可。

  • document.location.href=this.href; /*本文说的就是这句代码!*/

以上就是关于“ mui组件(a标签href)点击不跳转 - 解决篇 ” 的全部内容。

发布了499 篇原创文章 · 获赞 192 · 访问量 140万+

猜你喜欢

转载自blog.csdn.net/qq_35393869/article/details/105287707