|
JQuery и другие браузеры. Hover работает только в IE, подскажите плз. | ☑ | ||
---|---|---|---|---|
0
megabax
27.10.12
✎
11:49
|
сделал вот такой код
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> $(document).ready(function() { $(".SubMenuItem").hide(); $("#Menu ul li").hover(function() { $(this).find('ul').show(); }, function() { $(this).find('ul').hide(); }) }) </SCRIPT> И опчему то он работает только в IE, в остальных браузерах (хром, опера, файрфок) при наведении мышкой на пункт меню ничего не просиходит (подменю не раскрывается), подскажите плз, как быть? HTML код меню вот такой: <ul id="Menu"> <li><span id="SpanMenu">Каталог товаров</span> <ul class="MenuItem" id="Catalog"> <li><a href="1">Пакеты упаковочные </a></li><ul class="SubMenuItem"><li><a href="1_7">толстые в рулонах</a></li><li><a href="1_6">толстые без складки</a></li></ul></li><li><a href="2">Одноразовая посуда </a></li><ul class="SubMenuItem"><li><a href="1_11">Тарелки пластиковые</a></li><li><a href="1_8">Тарелки картонные</a></li><li><a href="1_9">Барные принадлежности</a></li><li><a href="1_10">Стаканы одноразовые</a></li></ul></li><li><a href="3">Хозяйственный инвентарь</a></li><ul class="SubMenuItem"><li><a href="1_12">Ведра</a></li><li><a href="1_13">Швабры</a></li></ul></li><li><a href="4">Садовый инвентарь </a></li><ul class="SubMenuItem"><li><a href="1_15">Грабли</a></li><li><a href="1_14">Лопаты</a></li></ul></li><li><a href="5">Лаки, краски </a></li><ul class="SubMenuItem"><li><a href="1_16">Лаки</a></li><li><a href="1_17">Автоэмали</a></li></ul></li> </ul> </li> </ul> |
|||
1
raykom
27.10.12
✎
12:07
|
а актиксы и ява в других брозерах разрешены ?
|
|||
2
Asmody
27.10.12
✎
12:09
|
селектор неверный. надо $("#Menu li")
|
|||
3
Asmody
27.10.12
✎
12:12
|
а, блин, субменю! тогда $(#Menu li ul li)
|
|||
4
Asmody
27.10.12
✎
12:14
|
и в разметке косяки убери, у тебя субменю не включено в li родителя
|
|||
5
megabax
27.10.12
✎
12:26
|
4, спасбо, окаывается постритель лишний </LI> добавлял.
Исправил, заработало. Непонятно только, почемув IE работало. Еще, в других браузерах само дерево <UL> как то по уродский выглядит, слишком большой отсуп для подмню. Подскжие плз, че можно сделать? CSS вот так настроено .SubMenuItem { font:normal 10pt; margin-top:2%; list-style:none; margin-left:12%; } .MenuItem { font:normal 11pt; margin-top:2%; list-style:none; margin-left:5%; } #Menu { list-style:none; margin-left:5%; font:bold; } #SpanMenu { border-bottom:dashed thin; } |
|||
6
raykom
27.10.12
✎
12:30
|
а какой CSS ? 2 или 3 ? Я не сильно спец, но приходится сталки ИЕ тупит и не понимает что то из новых ЦСС.
|
|||
7
megabax
27.10.12
✎
12:39
|
6, э... а как это определить, какой CSS?
кстити, тут тупят как раз иные браузеры. ИЕ номрально отобржает http://www.easyprog.ru/LenaTest/index.php А в хрмое, опере и ФФ дерево почему то выглядит по уродский |
Форум | Правила | Описание | Объявления | Секции | Поиск | Книга знаний | Вики-миста |