刪除其他人後保留圖像？

Question

我正在研究一款與內存匹配的遊戲。現在，當用戶點擊兩個相同的圖像時，它們被刪除。遊戲的這部分工作正常。當圖像被移除時，我想讓其他圖像保持原位。但是，他們正在相互轉移，而不是留下空間。

演示：http://jsfiddle.net/kevinferri/bCP4G/

例如，點擊中間列這兩種花。你會看到兩個外側的列將相互移動並填充空的空間。我如何改變它，以便在其他人被刪除後圖像將保留在原位？

Answer 1

你可能不希望.remove() -ing元素，如果你想將DOM記住他們的原始佈局間距和大小。你只需要將這些元素隱藏到隱藏的可見性中，以便它們隱藏起來，但它們保持其大小和位置。

$(element).css('visibility', 'hidden'); 

這就是在CSS中的visibility:hidden。請注意與.show()/.hide()甚至CSS display:none之間的差異。

Answer 2

你想給你的td小號一些固定的尺寸：

<style> 
    #playCards td { width: 200px; height: 200px; margin: 0; padding: 0 } 
</style>