Jquery背景-图像更改只会使当前图像消失
Jquery背景-图像更改只会使当前图像消失
提问于 2013-06-06 09:13:27
我对jQuery非常陌生，所以当您在某个<div> (#onefourth)上悬停时，background-image of #bottomleftjunk会切换到‘unk1.png’。问题是当我悬停在div上时，它只会使当前的背景图像消失，而不是切换到新的背景图像。
$('#onefourth').hover(
function()
{
$('#bottomleftjunk').css("background-image", "url(junk1.png)");
},
function()
{
$('#bottomleftjunk').css("background-image", "url(junk1.png)");
}
);如果有人知道的话，我真的很感谢你的帮助，谢谢！
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-06-06 09:23:46
背景正在被移除，所以您可以确定一件事:您的JavaScript正在工作。这意味着这几乎肯定是一个文件路径问题。在jQuery中调用jQuery将编辑元素的内联样式，这意味着路径必须相对于HTML。
以这个结构为例：
root
|-index.html
|
|-scripts
| |-javascript.js
| |-css.css
|
|-images
| |-junk1.jpg
| |-otherimages.jpg相对于index.html，到'junk1.jpg‘的路径是：images/junk1.jpg
Stack Overflow用户
发布于 2013-06-06 09:21:19
你指的是同样的图像。请更正并尝试下面的代码。
$(document).ready(function () {
$("#onefourth").hover(function () {
$('#bottomleftjunk').attr("src", "junk1.jpg");
}, function () {
$('#bottomleftjunk').attr("src", "junk2.jpg");
}
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16958118
复制相关文章
相似问题
腾讯云开发者
