jQuery: селектор nth-child не работает в ie7

Question

Итак, у меня есть сетка div, не все равные высоты, и мне нужно, чтобы они все выстроились правильно. Я использовал селектор jQuery nth-child (см. Ниже), чтобы выбрать первый div каждой строки и применить к нему стиль clear: оба . Это работает в ie8 и выше, а также в chrome и safari, однако в ie7 он просто игнорирует бит nth-child и поэтому не применяет мой css.

Я использовал 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>'    

Кто-нибудь может помочь?

Answer 1

YES; IE8 и ниже не поддерживает nth-child псевдо-селектор. Но если вы хотите IE support, тогда вы должны использовать http://selectivizr.com/ js для этого.

Answer 2

Ваш 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.

Answer 3

К сожалению, IE7 не поддерживает селектор nth-child.