jQuery，Internet Explorer和導航標籤

我正在爲一個網站組織一個導航。導航非常簡單，帶有標籤樣式菜單。當您將鼠標懸停在每個選項卡上時，該選項卡會從紅白色文本消失 - 白色紅色文本。當你刪除你的鼠標時，它應該從帶有紅色文本的白色按鈕退色到帶有白色文本的紅色按鈕。我有所有的jQuery編寫和工作。主要的問題在於Internet Explorer。這讓我瘋狂！jQuery，Internet Explorer和導航標籤

$(document).ready(function(){ 
       $('.button-text').fadeIn(); 
       $('.red-text').hide(); 
       $('.red-text2').hide(); 
       $('.red-text3').hide(); 
       $('.red-text4').hide(); 
       $('.red-text5').hide(); 
        <!-- toggle visibility of red text on hover --> 
        $('.white-hover-nav-button').hover(function(){ 
         $('.red-text').fadeIn('fast'); 
        }); 
        $('.white-hover-nav-button').mouseleave(function(){ 
         $('.red-text').hide(); 
        }); 
        $('.white-hover-nav-button2').hover(function(){ 
         $('.red-text2').fadeIn('fast'); 
        }); 
        $('.white-hover-nav-button2').mouseleave(function(){ 
         $('.red-text2').hide(); 
        }); 
        $('.white-hover-nav-button3').hover(function(){ 
         $('.red-text3').fadeIn('fast'); 
        }); 
        $('.white-hover-nav-button3').mouseleave(function(){ 
         $('.red-text3').hide(); 
        }); 
        $('.white-hover-nav-button4').hover(function(){ 
         $('.red-text4').fadeIn('fast'); 
        }); 
        $('.white-hover-nav-button4').mouseleave(function(){ 
         $('.red-text4').hide(); 
        }); 
        $('.white-hover-nav-button5').hover(function(){ 
         $('.red-text5').fadeIn('fast'); 
        }); 
        $('.white-hover-nav-button5').mouseleave(function(){ 
         $('.red-text5').hide(); 
        });   
      });

白色選項卡是.white-hover-nav-button，文本是紅色文本。

在IE瀏覽器中，用戶點擊鏈接，頁面發生變化。如果用戶在頁面更改時並沒有移動鼠標，白色按鈕會再次出現，但除非您將鼠標從按鈕上移開，然後重新開啓，否則其中沒有文本。有沒有人知道爲什麼會這樣做？我一直試圖弄清楚整個週末，因爲我繼續建立我的網站。它在FF和Chrome中完美運行，但IE像往常一樣是一個巨大的失敗。

這太可怕了。顯然它應該工作。這是IE中的不透明問題嗎？我不這麼認爲，否則它會起作用。跆拳道。

所有我想要的是，當用戶點擊標籤，他們被引導到下一頁，我不想讓按鈕內的文本消失，並出於某種原因它。即使我有$（'red-text'）。show（）;一個頁面加載。

來源

2013-06-24 EHerman

我假設這些項目都在HTML中。你應該真的使用單一的類名或更簡單的方法，並且只需要一個電話即可完成。這是比你真的需要更多的東西 – SpYk3HH

這個jQuery代碼肯定可以被重寫成更高效。在http://jsfiddle.net/上創建你的導航的小提琴 –

我同意，它絕對可以寫得更有效率。但爲了證明概念等，這暫時適用。我triyng獲得IE 8的支持。它適用於所有瀏覽器，但IE 8在頁面加載之前並沒有第二次延遲，因此您可以點擊鏈接，如Chrome和Firefox。

來源

2013-06-25 12:48:50 EHerman

如果你檢查它在IE 8，並且你會看到文本消失，並且按鈕即可保持白色的導航點擊選項卡houstonla.wpengine.com

。這很奇怪。我似乎無法弄清楚爲什麼這樣做。

來源

2013-06-25 13:42:18 EHerman

jQuery，Internet Explorer和導航標籤

回答

相關問題