jQuery的樹狀功能表外掛zTree的IE相容性問題

我們有個專案使用zTree jQuery外掛來做功能表選單，但在IE的環境裡 a:hover CSS樣式卻始終無法正常顯示，例如下圖中手指游標處的底線始終無法出現，Google Chrome卻能正確顯示：

這自然又是惡名昭彰的IE相容性問題；試了各種解決方法後，最終放棄透過CSS解決，改用IE專屬的JavaScript鋸箭處理：

<script for=document event=onmouseover>
  var _sName = window.event.srcElement.id;
  if (_sName != undefined) {
    if (_sName.indexOf("menu_") >= 0 && _sName.indexOf("_span") > 0) {
      var obj = eval("document.all." + _sName);
      obj.style.backgroundColor = "green";
      obj.style.color = "white";
    }
  }
</script>
<script for=document event=onmouseout>
  var _sName = window.event.srcElement.id;
  if (_sName != undefined) {
    if (_sName.indexOf("menu_") >= 0 && _sName.indexOf("_span") > 0) {
      var obj = eval("document.all." + _sName);
      obj.style.backgroundColor = "#f0f6e4";
      obj.style.color = "black";
    }
  }
</script>

＃＃

• 強化閱讀第２噗：變更噗浪回應的字體與背景顏色 (10則留言, 2009/06/07)
• 將Plurk回應區變成固定寬度 (0則留言, 2009/07/11)
• 將噗浪的視窗高度變大，加上分隔線，以方便閱讀 (15則留言, 2009/06/06)
• 側邊加入迷你水族箱 (3則留言, 2006/09/17)
• 事件處理程式與物件的順序對FireFox很重要 (0則留言, 2007/03/02)
• 網頁程式碼美化程式 Google Code Prettify (0則留言, 2007/05/27)
• 邁向國際化；幫網頁添加翻譯功能：使用Google翻譯與魔匠靈通 (1則留言, 2007/03/30)
• 變更MyBlogLog的onclick事件處理程式 (V1.3修改) (8則留言, 2007/04/08)
• [HTML&CSS] 鎖定左側功能選單，不隨頁面捲動 (0則留言, 2007/04/05)
• 在Xuite裡使用jQuery的重點 (0則留言, 2007/09/22)
• Xuite自動書籤按鈕 V1.1 (0則留言, 2007/02/13)
• 把文章的分類當做HEMiDEMi的標籤：Xuite自動書籤按鈕 V1.3 (2則留言, 2007/02/27)
• 修改自動產生分享書籤的按鈕 (4則留言, 2007/02/11)
• IE和FireFox存取同名物件有不同的作法 (0則留言, 2007/04/08)
• 在Blog裡使用PRE與XMP的挫折 (1則留言, 2005/09/26)

The post jQuery的樹狀功能表外掛zTree的IE相容性問題 appeared first on 簡睿隨筆.