現在、サブメニュー付きのメニューを作成しようとしています。これが私がやりたいことです。
リンク(#mylink)にカーソルを合わせると、そのすぐ下にdiv(「#submenu」と呼びます)を表示したいと思います。マウスでこのリンクを離れると、5 秒後に関数を実行したい。
この 5 秒間隔で、div (#submenu) をホバーすると、clearTimeout が必要になります。したがって、この div は 5 秒後に消えることはありません。
これが私のコードです:
$(document).ready(function()
{
$("#mylink").hover(
function ()
{
$('#submenu').show();
},
function()
{
var timer = setTimeout(function(){$('#submenu').hide();}, 5000);
}
);
$("#submenu").hover(
function ()
{
clearTimeout(timer);
},
function()
{
$('#submenu').show();
}
);
}