Question

I m currently trying to do a menu with submenu. Here is what i want to do.

On hover a link (#mylink) i want to display a div (lets call it "#submenu") right under it. On mouse leave this link a want to execute a function after 5 second.

In this interval of 5 seconds, if i hover my div (#submenu) i want to clearTimeout. So this div won t desapear after 5 seconds.

我的法典如下:

$(document).ready(function()
{
    $("#mylink").hover(
        function ()
        {
            $( #submenu ).show();
        },
        function()
        {
            var timer = setTimeout(function(){$( #submenu ).hide();}, 5000);
        }
    );

    $("#submenu").hover(
        function ()
        {
            clearTimeout(timer);
        },
        function()
        {
            $( #submenu ).show();
        }
    );
}

Answer 1

SLaks has the right answer, but to elaborate on it, you would put var timer outside the function handler. Note that this example doesn t make timer a global variable - it just widens its scope so all handlers can use it.

$(document).ready(function(){
    var timer;
    $("#mylink").hover(
        function(){
            $( #submenu ).show();
        }, function(){
            timer = setTimeout(function(){$( #submenu ).hide();}, 5000);
        }
    );

    $("#submenu").hover(
        function(){
            clearTimeout(timer);
        }, function(){
            $( #submenu ).show();
        }
    );
}

Answer 2

var timer is a local variable.
It doesn t exist outside that handler.

你们需要使之成为一个全球性的变量。

Answer 3

在这方面,我将如何这样做。

var timer
$("#mylink").mouseenter(function(){clearTimeout(timer);$( #submenu ).show()})
$("#mylink").mouseout(function(){timer = setTimeout(function(){$( #submenu ).hide();}, 1000);})

Answer 4

如果你在肉体链条内放下子,你会赢得第二门子,需要第二场活动手。

var timer;
$(document).ready(function()
{
    $( #mylink ).hover(function()
    {
        clearTimeout(timer);
        $( #submenu ).show();
    },function()
    {
        timer = setTimeout(function(){$( #submenu ).hide();},5000);
    });
}

这样,你就不需要ery。在便衣中,只有如此长的时间才能开脱。

友情链接