如何製作一個標籤鏈接javascript

嘿我無法弄清楚如何使瀏覽器內的標籤鏈接不改變url位置，而是進入標籤。選項卡更改的方式是使用此代碼：如何製作一個標籤鏈接javascript

<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？

來源

2013-10-20 Jon Sewwal

有支持標籤頁的框架，它會適合你最好使用其中之一。這是一個很好的例子：http://jqueryui.com/tabs/。

如果你想推出自己的，我強烈建議本教程中，只使用CSS（無JavaScript的需要！）：http://css-tricks.com/functional-css-tabs-revisited/。

最好是避免窗口分配的事情，因爲這會吃內存快，污染了所謂的「全球範圍內」。就在將來。

來源

2013-10-20 21:43:15 sjmog

通過使用jQuery，您可以通過CSS display打做標籤。當一個人可見時隱藏所有人，並設置display:inherit以顯示用戶點擊的人。

Jquery example

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-20 21:57:46 zurfyx

如何製作一個標籤鏈接javascript

回答

相關問題