Question

我正在尝试创建一个按钮，当鼠标放在按钮上时，按钮的大小会增加，然后在单击时保持该大小。每当点击另一个按钮时，它将再次收缩，第二个按钮的尺寸将增加。在我当前的代码中，我想尝试通过添加.off（mouseleave）并在单击另一个按钮时添加.on（mouseleave）来点击缩小时关闭缩小，但是当我单击另一个按钮时'mouseleave'isn' t又回来了。任何人都知道可能是什么问题？

$（ “p.growth”）。鼠标悬停（函数（）{ $（本）.animate（{ “字体大小”：“30像素” }） }）;

    $("p.growth").mouseleave(function(){
    $(this).animate({
        "font-size":"24px"
    })
    });


$("p#past").click(function(){
    $(this).off("mouseleave");
    $("p#present").on("mouseleave"); 
    $("p#future").on("mouseleave");

            $("p#present").animate({
        "font-size":"24px"
    })
    $("p#future").animate({
        "font-size":"24px"
    })

});
$("p#present").click(function(){
    $(this).off("mouseleave");
            $("p#past").on("mouseleave");
    $("p#future").on("mouseleave");

    $("p#past").animate({
        "font-size":"24px"
    })
    $("p#future").animate({
        "font-size":"24px"
    })

});
$("p#future").click(function(){
    $(this).off("mouseleave");
            $("p#present").on("mouseleave");
    $("p#past").on("mouseleave");

    $("p#present").animate({
        "font-size":"24px"
    })
    $("p#past").animate({
        "font-size":"24px"
    })

});

Answer 1

使用stop()而不是一次又一次地使用off()和on()

mouseleave没有再次打开

1 个答案: