jquery - 使用 jQuery.support 检测 IE6

Question

有人对如何使用 jquery.support 测试 IE6(而不是 IE7)特定的内容有任何想法吗？

我的问题是 IE6 仅支持 anchor 元素的 :hover psuedo-class ，而 IE7 确实支持所有元素(如 FF、Chrome 等)。所以我想做一些特别的事情，以防浏览器不支持所有元素的 :hover...因此我需要一种方法来测试此功能。 (不想使用 jQuery.browser)。有什么想法吗？

Answer 1

虽然检查功能支持而不是用户代理是一种很好的做法，但没有简单的方法可以使用 JavaScript 检查 css 属性的支持等内容。我建议您遵循上面使用条件注释的海报建议或使用 jQuery.browser。一个简单的实现(未验证性能或错误)可能如下所示:

if ($.browser.msie && $.browser.version.substr(0,1)<7) {
  // search for selectors you want to add hover behavior to
  $('.jshover').hover(
    function() {
      $(this).addClass('over');
    },
    function() {
      $(this).removeClass('over');
    }
}

在标记中，将 .jshover 类添加到您想要悬停 CSS 效果的任何元素。在您的 CSS 中，添加如下规则:

ul li:hover, ul li.over { rules here }