mui组件(a标签href)点击不跳转 - 解决篇
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; /*本文主要就是这句代码!*/
});
说明: 在代码的适当位置,插入如下代码即可。
document.location.href=this.href; /*本文说的就是这句代码!*/
以上就是关于“ mui组件(a标签href)点击不跳转 - 解决篇 ” 的全部内容。