使第一個鏈接處於活動狀態Javascript

我有這個JavaScript代碼，並且我想使第一個鏈接（選項卡）處於活動狀態，所以當有人訪問該網站時可以看到它處於活動狀態。另外，當單擊下一個標籤頁/鏈接時，第一個標籤頁（活動標籤頁/鏈接）必須將其自身轉換爲普通標籤頁/鏈接（無效），等等！使第一個鏈接處於活動狀態Javascript

這裏是JavaScript：

<script type="text/javascript"> 
    function forumhome_tabs_switch(switch_id){ 
     document.getElementById('forumhome_tabs_switch_content').innerHTML = 
     document.getElementById(switch_id).innerHTML; 
    } 
</script>

這裏是HTML代碼：

<td style="cursor:pointer;" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;"> 
    <a href="#" tabindex="2" onclick="javascript: forumhome_tabs_switch('forumhome_tabs_$forum[forumid]'); return false;">$forum[title]</a> 
</td>

這不是一樣的東西：

<li><a href="#">1</li> 
<li><a href="#">2</li> 
<li><a href="#">3</li> 
...

也不能這樣做。這就是爲什麼我需要幫助。上面的代碼將3個鏈接轉換爲3個選項卡，因此每個選項卡都會打開頁面的一部分。我只想顯示第一個選項卡爲活動狀態，直到第二個選項卡被點擊。

P.D.此外，我想通過從「a」（鏈接）到JavaScript代碼的「onclick」。那可能嗎？

來源

2013-03-21 Sergio Mironescu Iancu

我不明白：'通過「點擊」，從「A」（鏈接）的JavaScript代碼'？ – Raptor 2013-03-21 02:31:41

當你有一個事件處理程序時，處理程序函數中的'this'引用事件所附的元素，所以這是引用或訪問相關'a'的一種方法。如果你在'li'上使用'addEventListener（）'，如果點擊'A'，你就可以委託給'e.target'，例如，像這個jsfiddle一樣：http://jsfiddle.net/xwgyK/2/ – 2013-03-21 02:32:03

我想這是你的意思？如果你願意，我可以繼續。 http://jsfiddle.net/ftM2b/1/ 實質上有三個「選項卡」在單擊另一個時會改變狀態。你可以很容易地把它變成更多的頁面標籤系統。

HTML

<a class="tab" id="Tab1">Tab1</a> 
<a class="tab" id="Tab2">Tab2</a> 
<a class="tab" id="Tab3">Tab3</a>

JAVASCRIPT

$(function(){ 
$(".tab").click(function() { 
$(".tab").css("background-color","blue"); 
$(this).css("background-color","red"); 
}); 
});

CSS

.tab{ 
width: 40px; 
height: 20px; 
background-color: blue; 
} 
#Tab1{ 
background-color: red; 
}

來源

2013-03-21 05:08:36 Zachrip

該腳本不是從上面使用該系統。我的意思是，結構 Tab1 ... 沒有使用。它只有一個鏈接「class」「id」可以隨意調用它，將所有類別鏈接到標籤中。我只有這樣的代碼： $forum[title] – 2013-03-21 05:44:48

看到我的意思我會打開我的網站，並告訴你我在做什麼。 1.轉到www.1st-hacks.com 2.向下滾動頁面並選擇iOS.H樣式（默認顯示爲默認樣式） 3.在該樣式中，您可以看到4個類別（1st-hacks，Games Section ，開發人員部分和程序員部分）。如果你用螢火蟲看這些標籤，你會看到4個TD'S。但在我的管理面板中，我只是在上面發佈的鏈接上。我該如何編輯它，或者我能做些什麼來製作第一個標籤：直到其他標籤被點擊？ – 2013-03-21 06:00:40

使第一個鏈接處於活動狀態Javascript

回答

相關問題