添加mouseOut时间

Question

如何修改this脚本，使得当我用鼠标移出子菜单时，它仍然保持打开x秒？

目前，只要我鼠标移出，它就会滑动(隐藏)。我需要像悬停意图的功能，它隐藏在x秒后。

HTML：

<div id="navigation">
        <ol>
            <li><a href="#" class="parent">Menu 1</a>
                <div class="submenu clear"><div class="listings clear"> content</div></div>
            </li>         
        </ol>
</div>

谢谢你的帮忙!

Answer 1

类似于：

jQuery(element_here).delay(5000).slideup('fast', function() {
    bm_item_link_obj.removeClass("bm-item-link-hover");
});

将会起作用

如果基于问题/ JSfiddle中的html，则可以将select语句中的JS更改为如下所示：

case "slideUp":
    bm_item_content_obj.delay(5000).slideUp( 'fast',  function() {
        bm_item_link_obj.removeClass("bm-item-link-hover");
    });

另外，最好是包装一下：

$("#navigation ol").bigmenu();

在：

$(document).ready(function () {

    // NAVIGATION
    $("#navigation ol").bigmenu();

});

比

$(window).load(function () {

    // NAVIGATION
    $("#navigation ol").bigmenu();

});

当你直接转到另一个链接时，要让其他链接滑上来，你需要这样：

$(".submenu").not(bm_item_content_obj).stop(true, true).slideUp("fast");

下面是已有的内容：

 case "slideDown":

因此，它将看起来像：

case "slideDown":
      bm_item_content_obj.height("auto");
      bm_item_content_obj.slideDown(100);

      $(".submenu").not(bm_item_content_obj).stop(true, true).slideUp("fast");
break;

Answer 2

我觉得我在这里做别人的工作，但不管怎样，让这件事消失的代码似乎是这样的：

bm_item_content_obj.slideUp( 'fast',  function() {
    bm_item_link_obj.removeClass("bm-item-link-hover");
});

所以，如果你想让它在x秒之后发生，就把它包装在一个计时器中：

setTimer(function() {

    bm_item_content_obj.slideUp( 'fast',  function() {
        bm_item_link_obj.removeClass("bm-item-link-hover");
    });

}, 5000); // 5 seconds