將鼠標懸停在具有多個選項卡組的JavaScript選項卡上

我一直在嘗試在過去幾天中排除此問題。用新方法一遍又一遍地開始。但我現在卡住了。將鼠標懸停在具有多個選項卡組的JavaScript選項卡上

我有3個容器在我的頁面上有垂直對齊的選項卡。第一個容器只包含一個選項卡。這裏沒問題。

第二個容器有三個選項卡。隨着選項卡上的懸停，右側區域的內容會發生變化。但是當我將鼠標懸停在第二個選項卡上時，第三個容器上顯示的內容就會消失。

當我將標籤懸停在第三個容器中時，顯示其內容，但第二個容器的內容此時消失。最初的選項卡也保持不變。我不知道爲什麼，但字體顏色被第二個容器覆蓋。

我知道它與頭部和一些CSS中的JavaScript有關。

看到代碼http://www.webpati.com或包括頭部分的CSS樣式單的文本文件在http://www.webpati.com/index.txt

任何幫助將是驚人的。

來源

2012-05-26 Hermes

您需要刪除顯示無

$(document).ready(function() { 

$(".tabs .tab[id^=tab_menu]").hover(function() { 
    var curMenu=$(this); 
    $(".tabs .tab[id^=tab_menu]").removeClass("selected"); 
    curMenu.addClass("selected"); 

    var index=curMenu.attr("id").split("tab_menu_")[1]; 

    $(".curvedContainer .tabcontent").css("display","none");<----------**HERE** 


    $(".curvedContainer #tab_content_"+index).css("display","block"); 
});

}）;

來源

2012-05-26 13:21:00

我試過了，但是這次在最後一個容器中，文本與第四個容器中的文本重疊。我想這個價值必須被別的東西替代。但感謝您的建議。沒有想到這一點。 – Hermes

通過複製javascript函數稍微區別解決了幾乎整個問題。我重命名所有從tab開始到tab2的所有內容，並以同樣的方式複製了css classes/id。頁面上的最後一個錯誤是最後一個容器中卡住的懸停功能。 – Hermes

將鼠標懸停在具有多個選項卡組的JavaScript選項卡上

回答

相關問題