單擊「更改」選項卡鏈接（和已激活的錨點）

嘗試在我到達此處時拼湊出js知識。但我有一個網站，將依靠標籤（僅2）的概念來翻轉公司之間的兩項服務。單擊「更改」選項卡鏈接（和已激活的錨點）

所以當瀏覽到頁面時，他們的用戶將被引導到Company1，我想在右邊有一個公司2的選項卡。它將是相同的域，只是domain.com＃company2。

當他們瀏覽到公司2直接（通過domain.com＃Company2的）我想在右邊的選項卡鏈接到公司1

所以基本上，它看起來像JS是做的唯一途徑這個。可以讀取活動標識並相應地設置標籤的樣式。

主要功能將基於點擊。因此，如果您單擊該選項卡，它將切換到非活動公司選項卡。

該標籤本身將保持不變，所有我需要改變的是href。

在此先感謝你們！

來源

2013-05-08 Spencer

您使用內置'tab'裏面？像'Jquery-UI標籤'或'引導標籤'？或者你正在創建你自己的標籤？ – 2013-05-08 00:26:51

我正在創建我自己的選項卡。在我的頁面頂部，我計劃擁有50px左右的高分辨率，右邊30％是我需要更改的鏈接。所以這是粗糙的模型，因爲它看起來很可怕，但我現在將它託管所以我們可以看到它： http://spencerford.com/demos/performancegroup/ 你可以看到，點擊每個'標籤'帶你去他們提供的相應服務。我的希望是右邊只有一個選項卡（「表演組」選項卡現在是空白的，「領導力之旅」選項卡是變化的）。 – Spencer 2013-05-08 00:43:21

也許你應該使用類似於JQUery-UI標籤的東西，它更容易。 http://jqueryui.com/tabs/ – 2013-05-08 01:39:18

我想你可以使用CSS的float：

$("#tab1_id").click(function(){ 
    $(".2tabs_class").css("float","left) 
}) 
$("#tab2_id").click(function(){ 
    $(".2tabs_class").css("float","right) 
})

確保2個標籤是一個div

來源

2013-05-08 01:55:15

感謝您的答案，但我不完全確定這是做什麼。我現在正在玩它，我真的無法做任何事情。目前，我使用的是： $（「＃TAB1」）點擊（函數（）{$ （「tabbedNav。」）的CSS（「浮動」，「左」） }） $（」。（「。tabbedNav」）。css（「float」，「right」） }）

The Performance Group

The Leadership Journey

– Spencer 2013-05-08 03:18:51

可能我不明白你的問題。上面的代碼幫助： - 如果你點擊TAB1 TAB1會在左邊，TAB2右側 - 如果你點擊TAB2 TAB2會在左邊，TAB1右側這是你想要的嗎？你應該發佈你的代碼，以便人們更容易幫助你 – 2013-05-08 03:38:21

是的，我一直在這個混亂。感謝您接受它。我希望得到的是一個「標籤」，就像交換權利元素一樣。但是，你確實把我引向了我沒有想到的東西，我已經在這裏弄明白了：http://jsfiddle.net/Split98/bgwH6/看看你點擊它時如何交換到另一個選項卡？完善。現在，我需要弄清楚的唯一最後一塊（如果可能的話）是讓jQuery識別哪個div是活動的。因此，如果他們默認導航到domain.com，則顯示的選項卡將顯示＃page2。但是，如果他們直接導航到domain.com＃page2，我將需要可見選項卡爲＃page1 – Spencer 2013-05-08 04:01:37

單擊「更改」選項卡鏈接（和已激活的錨點）

回答

相關問題