Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Задержка перед выполнением скрипта

Задержка перед выполнением скрипта


     24.08.2013    jQuery    2731

вопрос
Есть скрипт, который открывает/скрывает элемент в меню (http://animecountry.net/ - Категории):
<script type="text/javascript">
$(document).ready(function () {

  $('.barul li').hover(
    function() {
      $('ul', this).slideDown(110);
    },
    function() {
      $('ul', this).slideUp(110);
    }
  );

});
</script>

Как сделать чтобы была задержка при наведении, допустим, навел мышкой и через 0.5 секунд сработал скрипт. Хочу сделать, в связи с тем, что данный скрипт очень "легко поревожить", даже когда в нем не нуждаешься - проводишь случайно мышкой в том поле и он срабатывает:)

Ответил: Maxic_unrelax


var timeout = false;

$(document).ready(function () {
    $('.barul li').hover(
        function() {
          timeout = setTimeout(
              $.proxy(function() {
                  $('ul', this).stop().slideDown(110);
              }, this)    
          ,500);
        },
        function() {
            clearTimeout(timeout);
            $('ul', this).stop().slideUp(110);
        }
    );
});



http://jsfiddle.net/L2bMr/1/

Комментарии пользователей (3)

jarrro
63 | 23

jarrro - 25 августа 2013 13:03 - Юзер

MAXIC_UNRELAX, и чего?

Sander
1125

1637 | 1204

Sander - 25 августа 2013 14:07 - Эксперт

Что "и чего?" ???
Человек вам дал готовый код того, что вы спрашивали!

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

jarrro
63 | 23

jarrro - 25 августа 2013 15:11 - Юзер

А все, просто сначала сделал как написано и у меня вообще скрипт перестал работать:) сорь..

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы