Javascript-更改图像将不起作用，除非我发出alert（）

Question

我正在构建一个基于JavaScript的扑克游戏，该游戏通过Ajax从服务器获取一些更新。

当玩家在“摊牌”中每个人都应该展示自己所持的牌时，我正在更改每张摊牌手的图片（从空白牌变为实际的牌，即黑桃之王img）

我有一个最奇怪的问题：当我更改图像（如下面的代码所示）时，图像不会从空白变为实际的卡片，它们仍然是“ blank.png”。 奇怪的是，如果我从第9行中删除“ //”（并收到警报消息），则显示卡的实际图像，即“ Ace of spades.png” ..那是什么？

function executeShowDown(){
    (...)
var playerCard1Id = "#player"+(playerNum)+"card1"; //the specific image id for hole card #1
var playerCard2Id = "#player"+(playerNum)+"card2"; //the specific image id for hole card #2
var card1 = "res/images/cards/"+handArr[0]+".png";
var card2 = "res/images/cards/"+handArr[1]+".png";
$(playerCard1Id).attr("src", card1);   
$(playerCard2Id).attr("src", card2); 
$(playerCard1Id).css('visibility','visible');
$(playerCard2Id).css('visibility','visible');
//alert("endShowDown");         #@#@# LINE 9 #@#@#
    return;
}

Answer 1

这可能发生得太快。 也许添加一些东西使其等待一秒钟左右，或者您可以使用回调函数，我看到您在那儿使用return，所以也许您从中调用此函数的其他函数不会等待它结束。

祝好运！