Javascript 如何使用CreateJS';是否预先加载JS以加载图像并保留属性?

Javascript 如何使用CreateJS';是否预先加载JS以加载图像并保留属性?,javascript,jquery,html,createjs,preloadjs,Javascript,Jquery,Html,Createjs,Preloadjs,我正在尝试使用CreateJS/preload-js预加载图像。这些图像将用id和class等属性替换图像。当我使用JQuery替换图像时,所有这些属性都会丢失 预加载图像,然后在我的页面上显示图像的正确方法是什么 <html> <img id="main" class="fit center"/> </html> function changeImage(event){ $('#main').replaceWith(queue.getRes

我正在尝试使用CreateJS/preload-js预加载图像。这些图像将用id和class等属性替换图像。当我使用JQuery替换图像时,所有这些属性都会丢失

预加载图像,然后在我的页面上显示图像的正确方法是什么

<html>
    <img id="main" class="fit center"/>
</html>

function changeImage(event){
    $('#main').replaceWith(queue.getResult("main"));
}

function handleFileComplete(event){
    console.log(event.result);
}

function loadImage() { // jshint ignore:line
    var preload = new createjs.LoadQueue(); // jshint ignore:line
    preload.addEventListener("fileload", handleFileComplete);
    preload.loadFile("img/main.png");
}

$(document).ready(function() {
    queue = new createjs.LoadQueue();
    queue.loadManifest([
        {id: "main", src:"img/main.png"}
    ]);
    queue.on("complete", handleFileComplete, this);
});


在使用JQuery替换元素之前,将属性应用于新图像

var newImage = queue.getResult(label);
newImage.setAttribute("class", "fit center");
newImage.setAttribute("id", "main");
$('#main').replaceWith(newImage);