今天遇到了一个BUG,导致下一步按钮中的属性即时有disabled时,点击按钮依然会触发按钮的点击事件。
以下为下一步按钮的JS代码
/**
* 下一步
*/
$btn_step.click(function(e){
if($(this).hasClass('layui-btn-disabled')){
e.stopPropagation();
return false;
}
if(read_count >= countInfos){
step_index += 1;
}
showTabsPanel();
});
红色代码为最终的解决方案。先判断按钮中是否含有layui-btn-disabled的class,如果含有则直接跳出这个方法,并取消向外的冒泡。