Question

我动态创建一些图像元素，一切都很好但是当我试图将这些图像包装在li元素中时，我在DOM中有奇怪的响应，即：[object HTMLImageElement]。< / p>

这是代码，请注意元素crating函数和requireJS工作正常，问题在于包装方。

$.each(images, function(key, value){
    requirejs(["globals"], function(){
        var _image = createEl("img", {
            className: "thumb",
            src: photosTempUrl + value
        });
        var image = $('<li>' + _image + '</li>');
        image.appendTo('#js-thumbsBox');
    });
});

请求帮助。

Answer 1

您已创建了一个元素（_image = createEl(...)），然后将其转换为字符串（就像任何对象一样，会产生[object ConstructorName]）

相反，请尝试：

var image = $("<li>");
image.append(_image);
image.appendTo("#js-thumbsBox");

HTMLImageElement节点而不是真实图像

1 个答案: