所以当你点击它时,我试图将图像 src 附加到一个 div ......到目前为止我已经这样写了它但它似乎不起作用,没有错误报告,不知道发生了什么.该图像属于 .card 类(其中有 15 个),我只想在边框为灰色时附加到 div,单击一次以选择卡片(更改边框),然后再次单击以粘贴所选卡到 div 上...div 称为 .picks。我只想在我的页面上将图像 src 显示为文本。谢谢你的帮助
$(".card").click(function() {
console.log("click");
if($(this).css('border')==="4px solid gray") {
var cardname = $(this).attr('src');
$(".picks").append(cardname);
if(pick<15) {
pick++;
}
else {
booster++;
pick=1;
}
}
else {
$(this).css('border', '4px solid gray');
}
});
最佳答案
问题是您依赖于 css("border")
的结果,但它不是您所期望的:例如Chrome 将检索边框样式为 "4px solid rgb(128, 128, 128)"
。
而是设置 CSS class selected
并检查卡片是否有这个类:
$(".card").click(function () {
if ($(this).hasClass('selected')) {
var cardname = $(this).attr('src');
$(".picks").append(cardname);
if (pick < 15) {
pick++;
} else {
booster++;
pick = 1;
}
} else {
$(this).addClass('selected');
}
});
演示: http://jsfiddle.net/1o7tgs5j/13/
一般来说,根据经验,避免使用 $.fn.css
方法进行样式设置,这不仅非常突兀,而且容易出错。在大多数情况下,使用 addClass/removeClass 会带来更大的灵 active 。
关于javascript - .append 图像 src 作为文本到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28704727/