Drag n'中的字符串创建和比较;投掷游戏

String creation and comparison in Drag n' drop game

本文关键字：比较 游戏 创建 Drag 字符串      更新时间：2023-09-26

我正在尝试制作一个简单的拖放游戏，用户需要通过将字符拖动到拖放区域来重新排列某人的姓名。

我对拖放动画很满意，但我不能（主要是因为技术上缺乏技能）用这些字母创建字符串来比较它们。

在这里查看我的示例代码jsFiddle

在随机化所有字母dragItemsContent = []; 之前，我正在创建具有名称的第一个字符串

我可以为拖动dragedItemsContent += ui.draggable.text();的字母创建一个新字符串但是，当我不想删除这些字母时，我就无法删除它们，最糟糕的是，我不知道如何查找该字母的索引，并将其从字符串中正确删除。

我使用的是data-letra，它是每个字母的唯一指示符，也许它会有所帮助。

因此，总而言之，我需要在字符串中添加/删除字母（或一些可比较的数据），并对它们进行比较，以了解用户是否正确完成了游戏。

感谢

非常有趣的游戏。

我已经编辑了它，根据结果显示You Won!或Sorry. Please try again.（拼写出Fredfigglehorn.

点击。

重要的部分是：

var letters = $('.drop-area').find('.drag-item');
if (letters.length == dragItemsLength ) {
    var final = '';
    for (var i=0;i<dragItemsLength;i++)
        final += letters[i].innerText.substring(0, 1);
    if (final == 'fredfigglehorn')
        alert("You won!");
    else
        alert("Sorry. Please try again.")
}

您应该使用dragedItemsContent.push(ui.draggable.text())而不是dragedItemsContent += ui.draggable.text();，这样您可以按正确的顺序获得一个好的数组。稍后，您可以使用toString来制作字符串并删除，只需从数组中删除元素即可

您可能还想从jQuery UI中签出可排序的，它可以处理几乎所有开箱即用的

我为u做了一个小提琴，它可以进行基于比较的拖动项文本，希望它能帮助u。。http://jsbin.com/oluhuk/2/edit

相关文章：