Question

var toogleDelay = 500;
var closeTimeout = null;

$(">ul>li", $nav).hover(function () {
    var $this = $(this);
    if(closeTimeout) {
        clearTimeout(closeTimeout);
    }
    var openMenuCallback = function() {
        $this.addClass("hover");
    };
    window.setTimeout(openMenuCallback, toogleDelay);
}, function () {
    var $this = $(this);
    var closeMenuCallback = function() {
        $this.removeClass("hover");
    };
    closeTimeout = window.setTimeout(closeMenuCallback, toogleDelay);
});

我利用这一幻灯来开张并关闭多管齐下,我希望菜单能够破灭,有0.5个拖延。我也明确提到支离破碎的部分功能,这样,如果有些人(显然)离开了菜园,再在0.5秒内进入菜园,则菜单不会关闭。所有这一切都很出色,但现在我有问题,因为现在不止一次下降,如果我把use从头直接移至第二滴,而且现在我两处都开放了退学,那么,让步的结束时间就已经结束。我必须怎样重写这部法典,以便每 drop倒都能够保持自己的密切关系。与此同时,我仍然能够清除over余部分功能的停用时间。

thx sub

Answer 1

您可在<条码>数据中存储时间。类似于

var $this = $(this);
var closeMenuCallback = function() {
    $this.removeClass("hover");
    $this.removeData("timerid");
};
var closeTimeout = window.setTimeout(closeMenuCallback, toogleDelay);
$this.data("timerid", closeTimeout);

之后检查

var $this = $(this);
var closeTimeout = $this.data("timerid");
if(closeTimeout) {
    clearTimeout(closeTimeout);
    $this.removeData("timerid");
}

Answer 2

I know this isn t part of the question but I like the CSS approach to this.

http://web Designer Wall.com/tutorials/cs3-dropdown-menu”rel=“nofollow> http://web Designer Wall.com/tutorials/cs3-dropdown-menu。

there are a number of examples for this. some multilevel some not.

友情链接