在 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();
     });

 });