微客导航 » 文章资讯 » bootstrap实现tab选项卡切换

bootstrap实现tab选项卡切换

2023-07-19 01:44:05 157

在项目中遇到要实现tab选项卡的关闭功能，项目中用的bootstrap框架，网上有很多插件，我这里只是简单的实现了tab选项卡的切换！<









产品制作








产品管理>产品制作

信息检索

产品制作

信息检索1

产品制作1

信息检索

产品制作

信息检索

产品制作 $('.tab-close').on('click',function(ev){ varev=window.event||ev; ev.stopPropagation(); //先判断当前要关闭的tab选项卡有没有active类，再判断当前选项卡是否最后一个，如果是则给前一个选项卡以及内容添加active，否则给下一个添加active类 vargParent=$(this).parent().parent(), parent=$(this).parent(); if(gParent.hasClass('active')){ if(gParent.index()==gParent.length){ gParent.prev().addClass('active'); $(parent.attr('href')).prev().addClass('active'); }else{ gParent.next().addClass('active'); $(parent.attr('href')).next().addClass('active'); } } gParent.remove(); $(parent.attr('href')).remove(); });

如果大家还想深入学习，可以点击两个精彩的专题：javascript选项卡操作方法汇总jquery选项卡操作方法汇总

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

bootstrap实现tab选项卡切换

热门推荐

随机推荐