mouseleave没有再次打开

Question

我正在尝试创建一个按钮，当鼠标放在它上面时，它的大小会增加，而当它被单击时，它的大小会保持不变。每当单击另一个按钮时，它将再次缩小，而第二个按钮的大小将增加。在我当前的代码中，我想通过添加一个.off(鼠标保留)和一个.on(鼠标保留)来关闭单击时的收缩，但是当我单击另一个按钮时，“鼠标保留”就不会再打开了。有没有人知道问题出在哪里？

$("p.growth").mouseover(function(){ $(this).animate({“p.growth-size”：“30px”}) })；

    $("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()