tab标签怎么使每个标签内容不一样

2015-11-06 10:12:41 313 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Qt中将QTabWidget的tab标签页设置为竖直在设计一个界面时要用到类似于word纽带风格的部件，想到了TabWidget部件，如图，每个tab页可以和一个widget相连，通过设置样式可以达到很多效果，新建的一个tabwidget的默认样式是这样的：所在位置标默认样式题现在，我想要把Tab1和Tab2放在左边或者右边，可以在属性框里进行设置：属性框内容 ... 阅读详情

现在有一h5+svg+css的tab标签，但本身的标签是，每个标签内的内容是一样的
请问要怎么改才能使点不同的标签显示不同的内容

...全文

产品经理如何运用AI提升工作效率 AI技术的应用为产品经理的工作流程带来了显著的效率提升。从需求收集到产品上线，AI可以在多个阶段提供智能化支持，帮助产品经理更好地理解用户需求、优化产品设计、提高开发和测试效率。在未来，随着AI技术的不断发展，产品经理将能够更加高效地管理产品生命周期，为用户提供更优质的产品体验。应用 | AI + 千行百业欢迎关注我的后续博文，我将分享更多关于人工智能、自然语言处理和计算机视觉的精彩内容。阅读详情

qq_32373959

Web 开发 81,108 成员 341,721 内容

+ 关注 + 加入社区

切换为时间正序

AlexMoonshadow 2015-11-06

打赏
举报

可以考虑js拼页面，两个tab全用js拼出来，都是活的。

ab637800 2015-11-06

打赏
举报

你把代码贴出来。

qq_32373959 2015-11-06

打赏
举报

有两标签A和B，现在是A和B共用了一个内容，我想实现的是，点A显示A的内容，点B显示B的内容。要怎么改，大神们

qq_32373959 2015-11-06

打赏
举报

引用 12 楼 AlexMoonshadow 的回复:

js拼页面啊。

新手不懂拼

AlexMoonshadow 2015-11-06

打赏
举报

js拼页面啊。

qq_32373959 2015-11-06

打赏
举报

引用 3 楼 AlexMoonshadow 的回复:

可以考虑js拼页面，两个tab全用js拼出来，都是活的。

两个JS？？怎么拼

qq_32373959 2015-11-06

打赏
举报

引用 9 楼 ab637800 的回复:

http://my.oschina.net/u/572246/blog/67150

加QQ联系下，你给的那个好像不适应我这个页面，871841784

ab637800 2015-11-06

打赏
举报

http://my.oschina.net/u/572246/blog/67150

qq_32373959 2015-11-06

打赏
举报

引用 7 楼 ab637800 的回复:

你可以这样嘛点那个就让那个li显示,其他的隐藏

能给个具体代码吗，新手，不懂怎么改，谢谢啊

ab637800 2015-11-06

打赏
举报

你可以这样嘛点那个就让那个li显示,其他的隐藏

qq_32373959 2015-11-06

打赏
举报

引用 2 楼 ab637800 的回复:

你把代码贴出来。

贴了

qq_32373959 2015-11-06

打赏
举报

var menuItems = $('.main-navigation li'); menuItems.on("click", function(event) { menuItems.removeClass("active"); $(this).addClass("active"); $(".main-content").css({ "background": $(this).data("bg-color") }); event.preventDefault(); }); 这是JS的

qq_32373959 2015-11-06

打赏
举报

<nav role="navigation" class="main-navigation"> <ul> <li class="tab-1 active" data-bg-color="rgba(148, 214, 0, 1.0)"> <a href="#home"> <span>Home</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-2" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#about"> <span>About</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-3" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#clients"> <span>Clients</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> <li class="tab-4" data-bg-color="rgba(184, 210, 0, 1.0)"> <a href="#contact"> <span>Contact</span> <svg viewBox="0 0 122 40"> <use xlink:href="#tab-shape"></use> </svg> </a> </li> </ul> </nav> <div class="main-content"> <article class="article"> <div style="text-align:center;clear:both"> <script src="/gg_bd_ad_720x90.js" type="text/javascript"></script> <script src="/follow.js" type="text/javascript"></script> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa totam cumque ad repellendus ab ea repellat aperiam accusantium labore officia est culpa fugiat eaque magnam a. Labore molestias ea at maiores inventore veritatis cupiditate cum doloribus quisquam eum et asperiores!</p> </article> </div> html代码

tab标签怎么使每个标签内容不一样

相关推荐