gpt4 book ai didi

javascript - 使用 Javascript/Jquery 创建高效的 Tab 切换

转载 作者:塔克拉玛干 更新时间:2023-11-03 06:03:47 26 4
gpt4 key购买 nike

<分区>

注意:使用第 3 方选项卡系统不是一种选择,所以请不要推荐。

在我的页面上,我有几个 <div> s 和几个选项卡。每个 div 可以属于多个选项卡。例如,所有的 div 都属于“全部”选项卡,然后一些 div 属于“今天”选项卡,一些属于“明天”选项卡,等等。

我想做的是,当用户单击“今日”选项卡时,我只想显示属于该选项卡的 div。当他单击任何其他选项卡时,前一个选项卡的 div 应该被隐藏,而所选选项卡的 div 应该显示。到目前为止非常标准的 Tab 键行为。

但不同的是,一个div可以在多个标签之间共享。

我在想,无论何时选择一个新标签,我都可以简单地遍历最后一个选择的标签的所有 div,隐藏它们,然后循环遍历当前标签的 div 并显示它们。

但是我想知道是否会有更有效/更少 CPU 密集型方法。此外,如果它们在最后一个选项卡和当前选项卡之间共享,此方法将导致某些 div 仅被隐藏然后立即再次显示。 (例如:div_111 可以在 Today 和 Tomorrow 之间共享。用户点击 Today,div_111 显示。然后他点击 Tomorrow,div_111 先隐藏,然后再次显示)。

有什么建议吗?

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com