详细问题描述
[内容]
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#item1mobile">
详情
</a>
<a class="mui-control-item" href="#item2mobile">
项目任务
</a>
<a class="mui-control-item" href="#item3mobile">
进展
</a>
</div>
$(function(){
//table切换的底部条的宽度
var a_num = $('.mui-slider-indicator .mui-control-item').length;
for(var i=0;i<a_num;i++){
$('#sliderSegmentedControl').click(function(){
alert('a')
})
}
})
重现步骤
[步骤]
点击对应的a不能弹出a，也就是click事件失效
[结果]
[期望]
运行环境
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]
附件
[代码片段]
[安装包]
联系方式
[QQ]1461991820
[电话]
1 个回复
狼烟蛮蛮 (作者) - 北京前端
<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<a class="mui-control-item mui-active" href="#item1mobile" id="a_1">
详情
</a>
<a class="mui-control-item" href="#item2mobile" id="a_2">
项目任务
</a>
<a class="mui-control-item" href="#item3mobile" id="a_3">
进展
</a>
</div>
$(function(){
//table切换的底部条的宽度
// var a_num = $('.mui-slider-indicator .mui-control-item').length;
document.getElementById('a_1').addEventListener('tap',function(){
$('.mui-slider-progress-bar').css('margin-left','5.555%');
});
document.getElementById('a_2').addEventListener('tap',function(){
$('.mui-slider-progress-bar').css('margin-left','16.5%');
});
document.getElementById('a_3').addEventListener('tap',function(){
$('.mui-slider-progress-bar').css('margin-left','29%')
})
// }
})