0

我正在做一个记忆配对游戏。现在，当用户点击两个相同的图像时，它们会被删除。这部分游戏运行良好。删除图像后，我希望其他图像保持原位。然而，它们正在相互移动，并没有留下空间。

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

例如，单击中间栏中的两朵花。您将看到两个外部列将相互移动并填充该空白区域。我该如何更改它，以便在删除其他图像后图像将保留在原位？

4

2 回答 2

1

如果你想让 DOM 记住它们的原始布局间距和大小，你可能不想成为.remove()元素。您只想将这些元素放入隐藏的可见性中，以便它们被隐藏，但它们保持它们的大小和位置。

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

那是visibility:hidden在 CSS 中。.show()请注意它和/.hide()甚至 CSS之间的区别display:none。

于 2012-06-25T17:27:55.493 回答
0

你会想要给你td的 s 一些固定的尺寸：

<style>
    #playCards td { width: 200px; height: 200px; margin: 0; padding: 0 }
</style>
于 2012-06-25T17:19:57.900 回答