删除其他人后保留图像？

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>