gpt4 book ai didi

使用类选择器的 JQuery ui 选项卡

转载 作者:搜寻专家 更新时间:2023-10-31 21:50:12 26 4
gpt4 key购买 nike

在 jquery ui 演示中,为了链接到某个选项卡,使用了 id 选择器,这在链接中工作正常,因为“#”代表链接中的 anchor 。

但是我想创建多个选项卡面板并使用类选择器链接到正确的选项卡。

<div class="accordion">
<h3>Product x</h3>
<div class="tabs">
<ul>
<!-- .tabs-0 & .tabs-1 don't work, since they are not a valid url -->
<li><a href=".tabs-0">General product info</a></li>
<li><a href=".tabs-1">End user info</a></li>
</ul>
<div class="tabs-0">
general info for product x.
</div>
<div class="tabs-1">
end user info product x.
</div>
</div>
</div>
<div class="accordion">
<h3>Product y</h3>
<div class="tabs">
<ul>
<!-- .tabs-0 & .tabs-1 don't work, since they are not a valid url -->
<li><a href=".tabs-0">General info</a></li>
<li><a href=".tabs-1">End user info</a></li>
</ul>
<div class="tabs-0">
general info for product y.
</div>
<div class="tabs-1">
end user info product y.
</div>
</div>
</div>

Here是我在 jsfidlle 和 here 中尝试过的是每个面板的外观!

所以问题是我如何通过类名链接到选项卡?

最佳答案

<li><a href=".tabs-0">General product info</a></li>
<li><a href=".tabs-1">End user info</a></li>

问题出在上面的代码上。你can't use class 用于超链接 a 标签。所以更改为 id

关于使用类选择器的 JQuery ui 选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21451482/

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