Может кто-нибудь объяснить, как сделать задержку для выпадающего списка, когда мышь отсутствует из #categories_block_top .tree ul? Извините, но я новичок в jQuery. Вот ссылка - http://livedemo04.prestatrend.com/ и js-file fot меню - treeManagementTop.js.Задержка jQuery для меню
jQueryElement.find('ul:first').stop(true,true).hide(100);
jQueryElement.find('ul:first').stop(true,true).slideUp(100);
Эти 2 строки: вы можете отрегулировать скорость меню медленнее, увеличив число 100 до более высокого.
Кроме того, чтобы добавить задержку увидеть эти: Jquery - Delay mouseout event Fade out jQuery menu after delay
Просто добавил этот плагин, но есть ошибка - makeTall не определен. Какая проблема? –
Какой плагин вы добавили? Это произошло только после того, как вы загрузили его? –
jquery.hoverIntent.minified.js да, это происходит, как только я загрузил его. http://livedemo04.prestatrend.com/ –
Заканчивать плагин JQuery hoverIntent:
Просто добавил этот плагин, но есть ошибка - makeTall не определен. Какая проблема? –
Похоже, что вам не хватает одной из требуемых функций. Если вы не нуждаетесь в функции «makeTall», просто передайте ей пустое определение функции. Это может помочь: http://stackoverflow.com/questions/2196429/plugging-in-jquery-hoverintent-for-sliding-panel –
Вы можете проверить плагин hoverIntent позволяет определить некоторые ВАР, которые помогают с взаимодействием с мышью/выводом: http://cherne.net/brian/resources/jquery.hoverIntent.html
Просто добавил этот плагин, но есть ошибка - makeTall не определен. Какая проблема? –
Если вы использовали плагин hoverIntent и вы получена ошибка «makeTall не определен», проверьте, добавили ли вы эту функцию , например. в источнике hoverIntent странице он выглядит следующим образом:
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("#demo1 li").hover(makeTall,makeShort);
$("#demo2 li").hoverIntent(makeTall,makeShort);
$("#demo3 li").hoverIntent({
over: makeTall,
timeout: 500,
out: makeShort
});
}); // close document.ready
function makeTall(){ $(this).animate({"height":75},200);}
function makeShort(){ $(this).animate({"height":50},200);}
</script>
Но я сделал это еще один способ без плагина:
<ul id="elem">
<li><a href="#"><span>1</span></a>
<ul id="child" style="display:none;">
<li ><a href="">Home</a></li>
<li ><a href="">About</a></li>
<li ><a href="">Contacts</a></li>
<li ><a href="">FAQ</a></li>
</ul>
</ul>
<script type="text/javascript">
$(function(){
$('#elem').mouseenter(function(){
$('#ch').css('display', 'block');
});
$('#elem').mouseleave(function(){
$('#ch').delay(800).fadeOut('slow');
});
});
</script>
Надежда это поможет :)
Вы должны размещать код в вопросе , Особенно для будущих посетителей, здесь полезно увидеть код, потому что ссылка, которую вы предоставили, не всегда может быть стабильным источником для нее. – Purag