jquery - 通过绑定(bind)在 jQuery 中传递变量似乎不起作用

Question

这是我的有效代码:

function mouseOver()
{
    $(".beaver").fadeIn(100);

}

function mouseOut()
{
    $(".beaver").fadeOut(100);
}

$("#group_beaver").bind('mouseenter', mouseOver).bind('mouseleave', mouseOut);

但是为什么这不起作用？

function mouseOver(variable)
{
    $(variable).fadeIn(100);

}

function mouseOut(variable)
{
    $(variable).fadeOut(100);
}

$("#group_beaver").bind('mouseenter', mouseOver('.beaver')).bind('mouseleave', mouseOut('.beaver'));

Answer 1

这是正确的；您正在调用 mouseOver 并期望它返回一个要绑定(bind)到事件的函数。不过，要使其真正做到这一点，您可以使用以下代码:

function mouseOver(variable) {
    return function() {
        $(variable).fadeIn(100);
    };
}
function mouseOut(variable) {
    return function() {
        $(variable).fadeOut(100);
    };
}