jQuery addClass似乎在Internet Explorer中不工作 [英] jQuery addClass appears not to be working in Internet Explorer

问题描述

我一直在努力想出这一点，下午没有运气。在这个网站上，我正在努力（ http://chezkoop.ca/united ），我们有几个领域首页第一列和第二列以及事件页），它们使用css伪选择器：nth-​​child（）来对各行进行着色。

I have been trying to figure this out all afternoon with no luck. On this site I am working on (http://chezkoop.ca/united) we have a couple of areas (homepage columns one and two and the events page) which utilize the css pseudo selector :nth-child() to colour various rows.

显然， nth-child（）在Internet Explorer 8和下来不工作（还没有看过IE9 ...）所以我想使用jQuery使用以下代码复制此功能（这是放在 $（document）.ready（function（）{ ... }） / code>）：

Obviously, nth-child() does not work in Internet Explorer 8 and down (haven't looked at IE9 yet...) so I want to replicate this functionality with jQuery using the following (this being place inside $(document).ready(function(){ ... });):

$(".post:nth-child(even)").addClass("latestpost-even");
$(".dbem_events_list li:nth-child(2n-1)").addClass("events-odd-row");
$("tr:nth-child(2n+1)").addClass("calendar-odd-row");
$("tr:nth-child(1)").addClass("calendar-first-row");

然后我在CSS中定义了这些类（这是第一个例子）：

I have then defined those classes in my CSS like this (this is the first example only):

.post:nth-child(even), .latestpost-even {
background-color: #f5f4e8;
}

如果我在Firefox中使用Firebug检查DOM，这些类已经正确应用（尽管不必要，在Firefox中）。当在Internet Explorer 8或7中查看页面时，行不是彩色的（因此可能没有应用这些类）。

If I check the DOM in Firefox with Firebug these classes have been applied correctly (although unnecessarily, because I'm in Firefox). When viewing the page in Internet Explorer 8 or 7, the rows are not coloured (so presumably the classes are not being applied).

没有运气。我已经通过interwebs搜索，没有提出任何东西。如果任何人有任何洞察这将是太棒了。

Been trying to figure this out all afternoon with no luck. I've had a search through the interwebs and haven't come up with anything. If anyone has any insight into this that would be fantastic.

感谢

Adrian

推荐答案

而不是：

.post:nth-child(even), .latestpost-even {
   background-color: #f5f4e8;
}

尝试

.post:nth-child(even) {background-color: #f5f4e8;}

.latestpost-even {background-color: #f5f4e8;}

IE也有一些不可思议的伪装，它不明白，因为它会忽略整个规则集如果它有一个选择器它不明白

IE also has a little foible with those pseudos that it doesn't understand in that it will ignore the whole ruleset if it has a selector it doesn't understand

这篇关于jQuery addClass似乎在Internet Explorer中不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！