Справка по меню jQuery - PullRequest
Новая
       22

Справка по меню jQuery

0 голосов
/ 02 декабря 2010

Я пытаюсь создать навигационное меню jQuery, где оно сдвигается вниз, чтобы показать дочерний UL при наведении курсора и затухании при отключении мыши, и у меня есть следующий код, который действует очень по-разному в разных браузерах.вы, ребята, можете заметить проблему. 

    jQuery(document).ready(function(){ 
 // menu effects
 this.navLi = jQuery('nav ul li').children('ul').hide().end();
  this.navLi.hover(function() {
   // mouseover
  jQuery(this).find('> ul').stop(true, true).slideDown(300);
  }, function() {
   // mouseout
   jQuery(this).find('> ul').stop(true, true).fadeOut(300);   
 });
});

IE7 и слайд 8 работают и работают FF слайд работает Fadeout не работает Chrome Slide работает только в первый раз и во второй раз, он не работает, а Fadeout не работаетвсе

Safari - то же самое, что и Chrome, поскольку они оба являются webkit ...

Дайте мне знать, если вы, ребята, знаете, почему ... больше всего ценят.

1 Ответ

0 голосов
/ 02 декабря 2010

Скорее всего, проблема в вашем начальном селекторе. Это должно быть jQuery('#nav ul li'), если nav - это идентификатор элемента, или jQuery('.nav ul li'), если это класс. Смотрите урезанный пример на основе вашего кода здесь .

...