详细问题描述
滑动触发列表项菜单和顶部选项卡-div模式同时使用顶部选项卡时，滑动列表，出现删除那个色块，此时我不点击色块，而是去点击顶总选项卡的连接，点击时可以变色，但不跳转，也就是不跳转到目标地址。经过测试，发现其他连接地址点击可以跳转，并且如果删除顶部选项卡的class="mui-control-item"也可以跳转，因此问题出在class="mui-control-item"中，请解决。
<div style="padding: 10px 10px;">
<div class="mui-segmented-control">
<a class="mui-control-item mui-active" href="~/s/rz/my">包保户</a>
<a class="mui-control-item" href="http://www.baidu.com">报日志</a>
<a class="mui-control-item" href="~/s/rz/listr">贫困户</a>
<a class="mui-control-item" href="~/s/rz/listc">日志</a>
<a href="http://www.baidu.com">统计</a>
</div>
重现步骤
把以下代码复制成html文件打开即可，注意顶部选项卡的连接地址请修改成有效地址。
运行环境
微信浏览器和其他浏览器
附件
完整代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-
scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--标准mui.css-->
<link rel="stylesheet" href="http://dcloud.io/hellomui/css/mui.min.css">
</head>
<body>
<div class="mui-content">
<div style="padding: 10px 10px;">
<div class="mui-segmented-control">
<a class="mui-control-item mui-active" href="~/s/rz/my">包保户</a>
<a class="mui-control-item" href="http://www.baidu.com">报日志</a>
<a class="mui-control-item" href="~/s/rz/listr">贫困户</a>
<a class="mui-control-item" href="~/s/rz/listc">日志</a>
<a href="http://www.baidu.com">统计</a>
</div>
</div>
<ul class="mui-table-view">
<li class="mui-table-view-cell">
<div class="mui-slider-right mui-disabled">
<a class="mui-btn mui-btn-red">删除</a>
</div>
<div class="mui-slider-handle">
左滑显示删除按钮
</div>
</li>
</ul>
</div>
<script src="http://dcloud.io/hellomui/js/mui.min.js"></script>
<script>
mui.init();
(function ($) { })(mui);
</script>
</body>
</html>
联系方式
[QQ]860727262
[电话]0719-7232533
0 个回复