努力让第n个孩子徘徊在IE工作

Question

首先我知道第n个孩子在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;
}

Answer 2

这是一篇非常古老的帖子，但是通过marc_s的编辑（清理拼写等）得到了恢复。我仍然会提供答案，因为它毕竟是Q＆amp; A网站。

正如我在评论中所说，在加载时向nth-child添加一个类更有意义，然后相应地编写CSS。从语义上讲，这很简单，它允许您只编写一个addClass函数，而不是附加一个事件处理程序。

的jQuery

$("ul:nth-child(9)").addClass("nth-child9");

CSS

ul.nth-child9 li:hover ul {
    top: initial; 
    bottom: -60px;
}