0

嘿，我不知道如何在浏览器中为不更改 url 位置的选项卡创建链接，而是进入选项卡。更改选项卡的方式是使用以下代码：

<a href="#tab-1">Tab One</a>
<a href="#tab-2">Tab Two</a>
<a href="#tab-3">Tab Three</a>

我想做一个 javascript 调用，使我能够做到这一点。这是我尝试过的，但它更改了添加位置的 url。这是代码：

window.location.assign("#tab-3")

如何使用 javascript 创建链接？

4

2 回答 2

0

通过使用 Jquery，您可以通过玩 CSS 来制作标签display。在一个可见时隐藏所有内容，并设置display:inherit为显示用户单击的那个。

jQuery 示例

HTML

<span id="showtab1">Tab 1</span>
<span id="showtab2">Tab 2</span>
<div id="tab1" class="tab">
    tab1
</div>
<div id="tab2" class="tab">
    tab2
</div>

jQuery

$("#showtab1").click(function(){
        $("#tab1").css("display","inherit");
        $("#tab2").css("display","none");
    });
    $("#showtab2").click(function(){
        $("#tab2").css("display","inherit");
        $("#tab1").css("display","none");
    });
于 2013-10-20T21:57:46.910 回答
0

有许多框架支持选项卡，您最好使用其中一个。这是一个很好的例子：http: //jqueryui.com/tabs/。

如果你想自己动手，我强烈推荐这个教程，它只使用 CSS（不需要 JavaScript！）：http ://css-tricks.com/functional-css-tabs-revisited/ 。

最好避免将事物分配给 Window，因为这会快速消耗内存并污染所谓的“全局范围”。就在未来。

于 2013-10-20T21:43:15.977 回答