jQuery函数显示2次

时间:2016-08-14 12:40:28

标签: javascript jquery

我有以下jQuery功能,但我不知道为什么它在我放弃悬停后再次显示。这个概念是,如果类存在,则在加载新菜单(从1.php)之后删除它们,等待1000并添加新类。它的工作正常,但在我将鼠标移动到其他方向后,概念再次运行。为什么呢?

$(document).ready(function () {
    $("#cikkek").hover(function () {
        $("div.navbar2").removeClass("visible");
        $("div.logo-rotate").removeClass("logo-rotate2");
        $("a.font-visibility").removeClass("font-visible");
        $("div.block1").load("1.php");
        setTimeout(function () {
            $("div.navbar2").addClass("visible");
            $("div.logo-rotate").addClass("logo-rotate2");
            $("a.font-visibility").addClass("font-visible");
        }, 1000);
    });
});

1 个答案:

答案 0 :(得分:1)

jQuery hover绑定了2个事件$ atom . mouseenter,因此会触发两次。

您可以使用空mouseleave功能,也可以使用mouseleave将其更改为hover

mouseenter
$("div").mouseenter(function() {
     $(this).css("background-color", "blue");
});