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

你为什么不这样做：

  • 获取所有图像
  • 打乱图像（列表，例如数组）
  • 循环 divs，将图像设置为列表中的第 n 个图像（已经洗牌）。
  • 根据第 n 个图像设置您正在循环的 id foreach div

希望有帮助。

于 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 回答