JQuery .hover()函数

Question

我今天遇到了一个小问题。我有个占卜箱。如果我将它悬停，这个占卜箱应该会膨胀，如果我离开它，它应该会崩溃。

所以我写了两个函数：

expand(){....};

• function collapse(){....};

1. 函数

然后我试着做了如下的悬停效果：

$('.divboxes').hover(expand(), collapse());

我以为这会是work...but...not。

我用了好几次，就像：

$('.divboxes').hover(function(){...},function(){...});

worked...so，有人能解释我做错了什么吗？我要外部的功能！

Answer 1

从函数名中删除括号，因为这是将展开/折叠函数的输出附加到事件。

$('.divboxes').hover(expand, collapse);

Answer 2

尝试：

$('.divboxes').hover(expand, collapse);

您只需传递对函数的引用。

Answer 3

只需传递函数的名称即可。

$('.divboxes').hover(expand, collapse);