mui组件(a标签href)点击不跳转 - 解决篇
解决问题:
mui中的a标签无效和click无法点击的问题
解决 mui 关于
<a href="">点击无法跳转</a>
的问题:(主要是mui屏蔽了click,更换成tap即可,代码参考下文部分)
mui相关组件 · 截图说明
- mui组件:“div模式下拉菜单”
(如下图 · 左)
- 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)点击不跳转 - 解决篇 ” 的全部内容。