Изо всех сил пытается заставить n-го ребенка работать в IE

Question

Изо всех сил пытается заставить n-го ребенка работать в IE

0

Во-первых, я знаю, что 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, пожалуйста. Спасибо

Supernovaaa 13 дек. 2013, в 21:57

Источник

2

:hover не имеет смысла в селекторе jquery.
Kevin B 13 дек. 2013, в 20:24
0

как мне обойти это?
Supernovaaa 13 дек. 2013, в 20:30
0

это зависит от того, что вы хотели, чтобы сделать.
Kevin B 13 дек. 2013, в 20:33
0

Семантически более логично дать nth-child (9) класс под нагрузкой и написать свой CSS соответственно. Это также устраняет необходимость присоединения функции к событию наведения мыши.
Bram Vanroy 11 июнь 2016, в 08:08

Показать ещё 2 комментария

Теги:

javascript

jquery

html

css

internet-explorer

2 ответа

Ещё вопросы

:hover не имеет смысла в селекторе jquery.
это зависит от того, что вы хотели, чтобы сделать.
Семантически более логично дать nth-child (9) класс под нагрузкой и написать свой CSS соответственно. Это также устраняет необходимость присоединения функции к событию наведения мыши.

Bram Vanroy · Answer 1 · 2016-06-11T05-42-00.000Z

Это очень старая должность, но она была восстановлена путем редактирования marc_s (очистка орфографии и т.д.). Я все равно дам ответ, потому что это сайт Q & A в конце концов.

Как я уже сказал в комментариях, имеет смысл добавить класс в nth-child при загрузке, а затем написать свой CSS соответственно. Семантически это просто, и это позволяет вам писать только одну функцию addClass, а не присоединять обработчик событий.

JQuery

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

CSS

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

isherwood · Answer 2 · 2013-12-13T17-58-00.000Z

0

$('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;
}

isherwood 13 дек. 2013, в 17:58

0

CSS делает трюк, но nth child не работает в IE. Я прочитал, что вы можете использовать jqeury для загрузки класса, и это работает с IE. Правильно ли я верю в это?
Supernovaaa 13 дек. 2013, в 20:36
0

@ user3053190 $('ul').get(9).find('li').on( .... api.jquery.com/get
rlemon 13 дек. 2013, в 20:40
1

@rlemon .get () возвращает сам узел dom или коллекцию dom, а не объект jquery, поэтому .find (не будет работать. Я думаю, вы имеете в виду .eq ()
Kevin B 13 дек. 2013, в 20:43
0

@KevinB Ааа, да, я всегда получаю их задом наперед. хороший улов.
rlemon 13 дек. 2013, в 20:54
0

Nth-ребенок поддерживается начиная с IE9.
isherwood 13 дек. 2013, в 21:02

Показать ещё 3 комментария