0

私はメモリマッチングゲームに取り組んでいます。現在、ユーザーが 2 つの同一の画像をクリックすると、それらは削除されます。ゲームのこの部分は正常に動作します。画像が削除されたら、他の画像はそのままにしておきたいです。しかし、それらはお互いに向かって移動しており、スペースを離れていません。

デモ: http://jsfiddle.net/kevinferri/bCP4G/

たとえば、中央の列にある 2 つの花をクリックします。2 つの外側の列が互いに向かって移動し、その空のスペースを埋めることがわかります。他の画像が削除された後も画像がそのまま残るように変更するにはどうすればよいですか?

4

2 に答える 2

1

.remove()DOM に元のレイアウトの間隔とサイズを記憶させたい場合は、要素を -ingしたくないでしょう。これらの要素を隠し可視性にチャックして非表示にしたいだけですが、それらのサイズと位置は維持されます。

$(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 に答える