jquery - 获取当前背景颜色并在悬停后重置它？

Question

使用 .hover 更改菜单的背景。菜单中的所有背景颜色都不相同，因此当用户将鼠标悬停时，我希望背景颜色恢复为初始颜色。 (我希望它读取当前背景，然后在悬停后重置它。)

下面是我拥有的，但它不起作用。我不知道如何让悬停脚本的第二部分接受背景颜色的变量。

$('#dmenu ul li a').hover(

  function () {
var bgOn = $(this).css('background-color');
    $(this).css('background-color', '#efefef');
}, 
  function () {
    $(this).css('background-color', (bgOn);
}
);

不是 JQuery 的高手，所以我相信它很简单。谢谢

Answer 1

试试这个:

var bgOn;
$('#dmenu ul li a').hover(

  function () {
    bgOn = $(this).css('background-color');
    $(this).css('background-color', '#efefef');
}, 
  function () {
    $(this).css('background-color', bgOn);
}
);

在您的示例中 bgOn 将超出范围。