javascript - jquery 改变背景图像

Question

我正在尝试使用 jQuery 交换两个图像。使用我尝试过的悬停事件:

$("#wlt-DealView .buyButton_new").mouseover(function(e){
    $('.buyButton_new').css('background-image','url(../images/compra_mouseOver.png)');
});
$("#wlt-DealView .buyButton_new").mouseout(function(e){
    $('.buyButton_new').css('background-image','url(../images/compra_normal.png)');
});

但图像没有显示，在我从图像中获取鼠标后，它触发了第二个事件。它应该更新为第一张图片，但它没有。

您可以在这里查看:http://107.20.186.103/deals/cuerpon。

将鼠标悬停在购买按钮上。

Answer 1

图像消失是因为 jQuery 在本地替换了 CSS，而不是像以前那样从您的样式表中替换。因此您的路径需要更新以反射(reflect)从 HTML 文件到图像的路径。如果您的 HTML 文件位于您的根文件夹中，并且“图像”是该根文件夹中的一个文件夹，则代码将如下所示:

$('.buyButton_new').css('background-image','url(images/compra_mouseOver.png)');

一开始也把我搞砸了。