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

---

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

解决问题：

• mui中的a标签无效和click无法点击的问题

• 解决 mui 关于<a href="">点击无法跳转</a>的问题：

• (主要是mui屏蔽了click，更换成tap即可，代码参考下文部分)

---

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; /*本文主要就是这句代码！*/
	
});

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

• mui('#menu').on('tap', 'a', function() { 你的自定义跳转代码 })
  /本文说的就是这句代码！/
• document.location.href=this.href;

---

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