tab切换按钮

//tab切换按钮

$('body').on('click', '.nav-box div', function () {
    $('.nav-box>div').not($(this)).removeClass('active-nav');
    $(this).addClass('active-nav');
    $('.stat_box').css('display', 'block');
    $('.main').css('display', 'none');
    $('.main[data-sum="' + $(this).attr("data-sum") + '"]').css('display', 'block');
})
  • 在nav下面的div里 和每个.main元素都添加上 data-sum=" "属性 值相对应

我叫洱月,我愿意陪你到洱海风花雪月,你,看到我了吗?

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第4章 Bootstrap装饰插件 JavaScript是网页上事实上的脚本语言。流行的网页功能,例如:漂亮的图片...
    海上名月阅读 5,559评论 5 6
  • 对时间的各种格式化,datepicker插件以及原声的日期对象格式化,相对于当前日期的前一天,前一周的日期获取, ...
    洱月阅读 6,568评论 0 2
  • 文/缙修 重城的夜景一向很美! 适逢隆冬,街上行人稀少,除了无良司机偶尔鸣起一声刺耳的喇叭声,小城十分安静,像一个...
    缙修阅读 3,118评论 0 0
  • 阳光洒在我的脸庞,让心里变得暖洋洋,迈开步伐,向前走,朝着母亲那温柔的笑。 她是名老师,对自己的职业很满意,一个阳...
    萤窗细语阅读 2,425评论 0 0
  • 《关键20小时,快速学会任何技能》 秘诀: 1.选择目标,做足准备 对我而言选择目标是艰难的事,不清晰的目标会造成...
    梅梅_c7d4阅读 1,216评论 0 1

友情链接更多精彩内容