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

 });