Имя: Пароль:
IT
Веб-мастеринг
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
А в хрмое, опере и ФФ дерево почему то выглядит по уродский
Закон Брукера: Даже маленькая практика стоит большой теории.