jquery - 更改背景图像 jquery

Question

我有一个脚本，当一个文件被拖到它上面时，它会改变 div 的背景颜色，但是我想改变它，以便背景图像发生变化，例如带有世界“放下你的文件”的图像

这是到目前为止我必须使用的代码。

function dragover(e)
{
   e.stopPropagation(); 
   e.preventDefault();

f('.dropable').css({
    backgroundColor : 'rgb(51, 51, 51)',
    border : 0,
});

}

我试过了，但它似乎没有用。

function dragover(e)
{
e.stopPropagation(); 
e.preventDefault();

f('.dropable').css({
    backgroundColor : 'rgb(51, 51, 51)',
    border : 0,
    backgroundImage','url(uploadimg.png)
});
}

Answer 1

您可以使用类名（例如dragover）和.addClass().

​.dragover {
    background-color : rgb(51, 51, 51);
    border: 0;
    background-image: url(uploadimg.png);
}​

var dragover = function(e) {
    e.stopPropagation();
    e.preventDefault();
    f(".dropable").addClass("dragover");
}​

我不知道您为什么要使用f(...)，但我保持原样。通常，我会使用$(...).

---

话虽如此，如果你还想去的话.css()。您可以使用以下语法来执行此操作：

var dragover = function(e) {
    e.stopPropagation();
    e.preventDefault();
    f(".dropable").css({
        backgroundColor: "rgb(51, 51, 51)",
        border: 0,
        backgroundImage: "url(uploadimg.png)"
    });
}