javascript - 努力让悬停的第 n 个 child 在 IE 中工作

Question

首先我知道第 n 个 child 在 IE 中不可编译。所以我将不得不使用 jQuery 或 Selectivizr 来使 nth:child 在 IE 中工作(或者有其他方法吗？)。

这是 jsfiddle 的链接 http://jsfiddle.net/kncdM/ .第 9 个、第 10 个和第 11 个 UL 标签必须重新定位以防止它们溢出。

我该怎么做？

我曾尝试使用 jQuery 来执行此操作，但它似乎不起作用。我使用了以下代码

$( document ).ready(function() {
    $("ul:nth-child(9) li:hover ul").addClass("nth-child9");
});

添加以下 CSS:

#menu .nth-child9
top: initial; 
bottom: -60px;

有人可以阐明如何让以下代码在 IE 中工作吗？谢谢你

Answer 1

$('ul:nth-child(9) li').on('hover', 'ul', function() {
   $(this).addClass("nth-child9");
});

但是，如果您所做的只是添加两个样式声明，为什么不直接使用 CSS？

ul:nth-child(9) li:hover ul {
    top: initial; 
    bottom: -60px;
}