0

私はhtml5プロジェクトを持っており、jqueryも使用しています。このプロジェクトは、並べ替えゲームです。これらの画像をシャッフルしたいと思います。たとえば、私は 3 枚のカードを持っています。ゲームを開始すると、この順序でカードが 1-2-3 になっています。この順序を並べ替えることができたら、たとえば 2-3-1 のように並べ替えたいと思います。これを行うための解決策はありますか?

<div id="source1" class="block">1</div> 
<div id="source2" class="block">2</div>
<div id="source3" class="block">3</div>
<br>
<div id="dest1" class="dest">1</div>
<div id="dest2" class="dest">2</div>
<div id="dest3" class="dest">3</div>

これは一例です。これらの div に画像を送信したいのですが、この画像番号に従って div id も作成します。

4

2 に答える 2

0

次のようにしてみませんか。

  • すべての画像を取得する
  • 画像をシャッフルする (リスト、配列など)
  • div をループし、画像をリストの n 番目の画像に設定します (既にシャッフルされています)。
  • n番目の画像に従ってループしている各divのIDを設定します

それが役立つことを願っています。

于 2012-05-05T11:51:56.130 に答える
0

AR-labs.orgでは、画像をシャッフルしてランダムな順序にしたいと考えました。これをアーカイブするために、すべての画像を (共有クラスを使用して) 収集し、すべての要素をループして、そのコンテンツをコンテナーのコンテンツのいずれかとランダムに置き換えました (それ自体を置き換えることもできます)。

私たちのコード:

var persons = document.getElementsByClassName("person");
var personNum = persons.length;
for( var i = 0; i < personNum; i++ ){
    var b = Math.floor( Math.random() * personNum );
    persons[i].outerHTML = [persons[b].outerHTML, persons[b].outerHTML = persons[i].outerHTML][0];
}

これは非常に基本的なものですが (最も美しいコードではありません)、機能します。

jQuery を使用する場合は、DOM アクセスを対応する jQuery 関数に置き換えるだけです。

于 2012-05-05T12:34:58.087 に答える