悬停时的 JQuery 不起作用并在加载页面后立即运行

Question

我想通过悬停来更改元素颜色，但是当我运行页面时，它会立即触发这些功能，有没有办法阻止它这样做？重新加载页面时可以看到。

https://jsfiddle.net/9ae0ez2y/

function colorIn(primary){
    $("header").css("background-color", primary);
    $(".button").css("background-color", primary);
}

function colorOut(secondary){
    $("header").css("background-color", secondary);
    $(".button").css("background-color", secondary);
}
$("#variables").hover(colorIn("#ffffff"), colorOut("#111111"));

Answer 1

将悬停语句更改为:

$("#variables").hover(function() {
  colorIn("#ffffff")
}, function() {
  colorOut("#111111")
})

<强> jsFiddle example

按照您编写的方式，您将立即调用函数