繁体   English   中英

使用JQuery将图像添加到div

[英]Adding image to a div using JQuery

我正在尝试使用扑克库( http://tairraos.github.io/Poker.JS/ )创建一个扑克网络应用程序

渲染卡片图像的一种方法是使用此功能:

getCardImage: function(size, suit, point) {
            var image = document.createElement('img');
            image.src = this.getCardData(size, suit, point);
            return image;
},

它使用画布创建图像并将其放置在img标签内。 我一直试图将其放在div中,例如:

$('#flop').append(Poker.getCardImage(60, 'hearts', 'j'));

但无济于事。 它正常呈现的唯一方法是使用:

document.body.appendChild(Poker.getCardImage(100, 'h', 'Q'));

我真的没有想到如何实现这一目标。 我尝试了许多JQuery方法,但没有任何效果。 我在chrome的网络标签上看到该图片是使用base64创建的,但是当我尝试将其放置在div中时,什么也没有出现。 只有附加到主体的末端。 有人可以在这里帮我吗?

n

我认为您只需要更改getCardImage函数即可返回jQuery元素而不是HTML元素。 尝试这个:

getCardImage: function(size, suit, point) {
    var image = '<img src="' + this.getCardData(size, suit, point) + '" />';
    return $(image);
}

然后您的jQuery附加文件应该可以工作:

$('#flop').append(Poker.getCardImage(60, 'hearts', 'j'));

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM