Javascript -更改图像不工作，除非我alert()

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

当玩家在"show down"时，他们每个人都应该显示他持有的牌，我正在改变每张摊牌牌的图片(从空白牌到实际牌，即黑桃王)

我有一个最奇怪的问题:当我改变图像时(如下面的代码所示)，图像不会从空白变为实际的卡片，它们仍然是"blank.png"。奇怪的是，如果我从第9行删除"//"(并得到一个警告消息)，这些牌显示了它们的实际图像，即"黑桃a .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;
}