jQuery更改链接上的图像悬停

Question

我的代码存在问题。不知何故，我无法使用jQuery脚本更改图像背景。

HTML代码如下：

• 部分显示图片：

  <div class="group-image img-responsive img-ctr"></div>
  

• 部分生成相关链接（简化）：

  <a class="hoverlink" href="{complete_path}" data-img="{cat_image_path}">{cat_name}</a>

jQuery代码如下：

$(document).ready(function(){
        $('.hoverlink').hover(function(){$('.group-image').css('background', $(this).attr('data-img'))});
});

data-image标记包含相关链接图片的正确网址，但是当我将这些链接悬停时，它不会将background CSS添加到group-image div。 JSFillde考试

我发错的任何线索？

由于

Answer 1

$('.hoverlink').hover(function(){
    $('.group-image').css('background-image', 'url('+$(this).attr('data-img')+')')
});

这个有效!! 更新了fiddle

Answer 2

您在后台作业中遗漏了url('')： DEMO

$('.hoverlink').hover(function(){
    $('.group-image').css('background', "url('" + $(this).attr('data-img') + "')")
});