【问题标题】:Specific tab open on load加载时打开特定选项卡
【发布时间】:2015-06-14 13:24:48
【问题描述】:

我在一个页面上使用这些选项卡来将所有需要的信息保存在一个页面上。 我的问题是,当我从另一个页面链接时,是否可以在加载时打开特定选项卡?我应该寻找什么?希望你能在这里帮助我。

谢谢。

<ul class="tabs">
<li>
    <input type="radio" name="tabs" id="tab_how" checked />
     <label for="tab_how">Something here</label>
      <div id="tab-content" class="tab-content">

      </div>
</li>

<li>
    <input type="radio" name="tabs" id="tab_support" />
     <label for="tab_support">Something else here</label>
      <div id="tab-content" class="tab-content">

      </div>
</li>
</ul>

【问题讨论】:

  • 标签的触发器需要什么?当前页面或此处的页面已链接?

标签: css tabs


【解决方案1】:

为你的 ul 添加一个名称或 id 作为锚点:

<ul id="target_tab" class="tabs">

链接:

<a href="thispage.html#target_tab">Link</a>

希望这是您正在寻找的。​​p>

【讨论】:

  • 这对我来说不太合适。因为我只有一个
      用于整个内容。你知道如何解决这个问题吗?
    • 开放是什么意思?它们是默认隐藏的吗?
    • 第一个标签是“这里的东西”,最后有“选中”。 Whick 使该选项卡成为第一个可见的选项卡。所以没有一个是隐藏的,但是“Something Here”是加载页面时打开的选项卡。
    • 对不起,我还是不知道你需要实现什么。这是你想要的? jsfiddle.net/michaelyuen/c7bb63az
    • 这是一张图片来展示它的外观。 i.imgur.com/cTL5zux.png?1我可能一开始就应该把它联系起来。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-12
    相关资源
    最近更新 更多