jQuery simpletip и hoverIntent (задержка перед отображением всплывающей подсказки)

У меня такой же вопрос, как это:

Задержка перед отображением всплывающей подсказки

Мне нужна задержка перед показом всплывающей подсказки.

Поэтому я хочу использовать плагин hoverIntent.

Я не понимаю, как объединить два плагина.

$("#demo2 li").hoverIntent( makeTall, makeShort )

а также

$("#demo2 li").simpletip()

вместе

$("#demo2 li").hoverIntent(
       $("#demo2 li").simpletip("show"),
       $("#demo2 li").simpletip("hide")
)

не работает для меня.

Кто-нибудь может помочь, пожалуйста?


person Keith L.    schedule 21.06.2012    source источник


Ответы (1)


var timeout = null;
$("#demo2 li").onmouseenter(function(){
  clearTimeout(timeout);
  timeout = setTimeout(function(){
          $(this).fadeTo(1, "slow"); // or any other action
         }, 300);
})
.onmouseleave(function(){
  clearTimeout(timeout);
  timeout = setTimeout(function(){
          $(this).fadeTo(0.3, "fast"); // or any other action
        }, 300);
});

Может быть, плагин для календаря или хороший диалог. Но не для задержки на ховерах.

person Sem    schedule 21.06.2012