jQuery的：第n个孩子选择在IE7

没有工作，所以我有申报单的网格，并不都是平等的高度，我需要他们所有正确排队。我已经使用了第n个子jQuery选择器（请参见下文）选择每行的第一个div并应用明确的：两种样式。这在ie8中起作用，以及铬和safari，但是在ie7中，它只是忽略了第n个子位，因此不适用我的css。jQuery的：第n个孩子选择在IE7

我用jQuery的过CSS3，以便它在IE7中工作 - 所以我略低由这不是事实难倒..

看到自己的HTML在http://jackbeck.co.uk/?portfolio=courses

jQuery代码在标题：

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     $('.project.small:nth-child(4n+1)').css("clear", "both"); 
    }); 
</script>'

任何人能帮助我们吗？

来源

2012-01-02 Sam Stephenson

如果所有的缩略图只是要排队一个后对方，为什么你需要明确的：两者兼而有之？浮子：左边和容器的宽度不会为你处理吗？ – leopic 2012-01-02 13:11:55

你不需要任何Javascript来解决这个问题。 – Stefan 2012-01-02 13:54:07

如果您使用Jquery很舒服，那么这里就是解决方案。 http://stackoverflow.com/a/8194206/175111 – bluwater2001 2012-11-15 19:40:07

不幸的是IE7 doesn't support的nth-child选择。

来源

2012-01-02 13:06:32

虽然'nth-child'选择器不适用于CSS，它应该适用于jQuery。 – 2012-01-02 13:27:47

YES; IE8 &以下不支持nth-child伪选择器。但是如果你想IE support比你不得不使用http://selectivizr.com/ js这个。

来源

2012-01-02 13:11:15 sandeep

你的jQuery不工作，因为你使用$而不是jQuery（这是一个WordPress的东西）。试试这个：

<script type="text/javascript"> 
    jQuery(document).ready(function($){ 
     jQuery('.project.small:nth-child(4n+1)').css("clear", "both"); 
    }); 
</script>

jQuery选择器本身的确在IE7中工作。这不是你的问题。你的问题更多与CSS有关。

来源

2012-01-02 13:57:41

好的，谢谢你的快速回复:)我按照你的建议做了改变，但仍然没有喜悦 - 会不会有其他问题？ – 2012-01-02 15:03:25

就像我说的，jQuery不是问题。最简单的解决方案是将每4个项目包装到'

'中。废弃jQuery /清除内容。这应该工作。 – 2012-01-02 17:31:45

是的，这将是理想的:)但有可能做到这一点时，每个项目是由wordpress生成的？ – 2012-01-03 17:08:05

jQuery的：第n个孩子选择在IE7

回答

相关问题