IE8：奇怪的jQuery顯示元素問題，無論方法如何（幻燈片，顯示，淡入淡出）

這是微軟另一個奇怪的好奇心。在IE8中，當我嘗試顯示某個特定元素時，無論使用何種方法（幻燈片，放映，淡入淡出），它都不會顯示...但在那裏。因此，如果您在IE8中使用http://www.stratfor.com並將鼠標懸停在下拉主菜單鏈接上，則會看到一個小的邊框，它顯示在作爲下拉列表一部分的元素的正下方，但不顯示整個內容。現在向下移動鼠標，您會注意到鏈接存在並且可點擊，您無法看到它們。當您點擊鏈接時，在頁面重新加載之前，下拉菜單會出現。IE8：奇怪的jQuery顯示元素問題，無論方法如何（幻燈片，顯示，淡入淡出）

它是如何設置這些元素的東西，因爲在網站的其他領域，沒有這個問題。我已經嘗試了不同的jQuery方法從懸停來綁定。當頁面加載並正確顯示時，我已將下拉列表設爲塊。我將下拉菜單設置爲一個塊，在頁面加載後用jQuery將其隱藏起來，並且行爲依然存在。

下面的代碼下面，我使用：

(function ($) { 
    // Initialize the main menu dropdowns. 
    Drupal.behaviors.mainMenu = { 
    attach: function (context, settings) { 
     $('#block-system-main-menu .site-menu li', context).hover(
     function() { 
      $(this).addClass('is-active'); 
      if ($('.site-submenu', this).length) { 
      $('.site-submenu', this).slideDown('fast'); 
      } 
     }, function() { 
      $(this).removeClass('is-active'); 
      if ($('.site-submenu', this).length && $('.site-submenu', this).is(':visible')) { 
      $('.site-submenu', this).hide(); 
      } 
     }); 
     } 
    }; 
    } 
})(jQuery);

退房的CSS過，在那裏也許我已經得到的東西的了。

這一個是讓我瘋狂。任何幫助將不勝感激！

更新：我試着將下拉菜單放置在頂部，而不是在菜單下方，這似乎有所幫助。看起來下拉框的父元素一旦隱藏起來就會隱藏（因爲您仍然可以點擊鏈接）下拉框。

更新：當下拉菜單設置爲默認顯示時，按預期顯示。然後隱藏它，並基於懸停顯示它再次導致問題。我也檢查並重新檢查父元素的定位和z-index。這是一個奇怪的，因爲它在IE7以及我發現除IE8以外的所有其他瀏覽器和版本。

來源

2013-07-16 Ben Marshall

對於我來說，在IE8中正常工作 - 是您的問題有時會？ – aldanux

會介意給我一個截圖嗎？我在一家Mac商店，通過虛擬機測試IE。我傾向於使用虛擬機和屏幕刷新率。 –

這聽起來完全像Peekaboo Bug – Izkata

下面的截圖中IE 8：（正常工作）

Screenshot

來源

2013-09-17 19:44:30 aldanux

非常好，謝謝！讓我與另外一位用戶確認一下，並解決您的問題 –

歡迎您！ :-) – aldanux

IE8：奇怪的jQuery顯示元素問題，無論方法如何（幻燈片，顯示，淡入淡出）

回答

相關問題