Мерцает показ-скрытие элемента...
<ul class="mainMenu shadow"> <li><a href="#">Грузчики</a></li> <li><a href="#">Утилизация</a> <div class="popover bottom"> <div class="arrow"></div> <div class="popover-content"> Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. </div> </div> </li> <li class="active"><a href="#">Упаковка</a></li><ul> // Всплывающие подсказки popover $('ul.mainMenu li').mouseover(function(){ $(this).children('.popover').fadeIn() .delay(2000) .fadeOut(); //.stop(true, true); return false; }); Посмотреть можно тут: http://gruz.bz/ Код в файле mainmenu.js - после 30 строки. Мерцает... Почему - никак не пойму... Ух... Заранее спасибо! |
// Всплывающие подсказки popover $('ul.mainMenu li').mouseenter(function(){ $(this).find('.popover').stop().fadeIn() .delay(3000) .fadeOut(); //.stop(true, true); return false; }); |
Спасибо большое!
А можно сделать так, чтобы при наведении появлялось, а при отведении курсора от li с задержкой скрывалось? |
Petja,
Имхо в Опере так и есть |
// Всплывающие подсказки popover $('ul.mainMenu li') .mouseenter(function(){ $(this).find('.popover').stop().fadeIn(); return false; }) .mouseleave(function(){ $(this).find('.popover').stop().delay(500).fadeOut(); return false; }); Вот так работает! Спасибо! |
Если резко навести курсер на A оторое в LI то не срабатывает.
А если размножить подсказку не только в этом LI но еще в другом - не работает на другом. Жуть, такая простая вещь и не работает вообще.... |
Petja,
.mouseleave(function(){ 08 $(this).find('.popover').stop().delay(500).fadeOut(); 09 return false; 10 }); Это не нужно при наличии .delay(3000) .fadeOut(); |
Ну или так
// Всплывающие подсказки popover var idTim; $('ul.mainMenu li').mouseenter(function(){ clearTimeout(idTim); $(this).find('.popover').stop().fadeIn('600'); var aza=$(this); var idTim=setTimeout(function(){aza.find('.popover').stop().fadeOut('1700')},2000) return false; }); |
Спасибо! Оказалось, что эти поповеры уже предусмотрены для того, чтоб их привязывать. Только теперь вопрос как поймать событие - что появился до этого не существующий элемент. Чтобы просто всем другим элементам уменьшить z-index, а появившемуся увеличить. Т.к. перекрывают друг друга.
|
Все, все проблемы решил! Спасибо еще раз!
|
Часовой пояс GMT +3, время: 11:13. |