jquery - 在 IE 和 Mozilla 中为 div 加载图像

Question

我需要 IE 和 Mozilla Firefox jQuery 加载用于 div 的图像。在 Chrome 中它可以工作，但在 IE 和 Mozilla 中不行。问题是，如果我单击具有更改图像 div 的选择器的 div，而不是图像加载，那么背景是第二个没有图像的。

同时我有这个代码。

<div id = "parent">
        <div id = "divActive"></div> <!-- this div change image parent -->
</div>

jQuery代码：

$(document).ready(function () {

changeImage = new Image();
changeImage.src = "Images/imageOfPanda.png";

});

$(document).ready(function () {

$("#divActive").mousedown(function () { changeImageFun(); });

});

function changeImageFun() {
$("#parent").css("background-image", "url(Images/imageOfPanda.png)");

}

我希望我能充分描述这个问题，并感谢您的指导。

Answer 1

尝试

只使用一个$(document).ready(function () {和你的changeImageFun()功能

 $(document).ready(function () {
     changeImage = new Image();
     changeImage.src = "Images/imageOfPanda.png";

     function changeImageFun() {
         $("#parent").css("background-image", "url(Images/imageOfPanda.png)");

     }
     $("#divActive").mousedown(function () {
         changeImageFun();
     });

 });