问通过PHP向游戏添加单词

EN

因此，包含字母“light up”表示要拼写的单词的表格就是我们要尝试修复的部分，对吧？

你想把字“包”到那张桌子的宽度？

我看到您正在从每个<td>的' data -word=‘属性中提取数据--您可以很容易地将其归于html5中的一个div。它必须是一张表有什么特殊的原因吗？否则，您可以使用固定宽度的包装器div，并用子div集<td>：left替换浮动s-无论最后一行中的字母相对于任何给定单词的字母在哪里，它们都会自动‘换行’-也就是说，它会将单词换成新行。

<style>
    .letters_wrap{
        width:500px;
        height:auto;
        ...
     }

     .letter{
        width:50px;
        height:50px;
        float:left;
        ...
    }

</style>

<div class="letters_wrap">
    <div class="letter" id="letter_1" data-word="shin">s</div>
    <div class="letter" id="letter_1" data-word="shin">h</div>
    <div class="letter" id="letter_1" data-word="shin">i</div>
    <div class="letter" id="letter_1" data-word="shin">n</div>
</div>

让我知道，如果我至少得到了正确的结果，那么问题是什么，你想要实现的是什么。

S

更新

@m0onio -在演示页面中，我绑定了将php文件(以及词表)加载到按钮的函数。

您可以在$(document).ready(){}函数中执行该函数，使包含单词列表的javascript数组在DOM可用时可用。

您需要编写一个javascript函数(包含在结束的</body>标记之前)来处理网格中子div的构造，并从加载php文件(单词列表)的.load()的回调函数中调用它。

为了附加声音和图像，我将在txt文件中包含该信息，这样文件的内容就会运行: word | image filename | sound filename，然后循环数组，您就知道第一个元素是单词，第二个元素是相关图像，第三个元素是声音文件，等等。然后使用jquery将结果元素(子div)附加到它的父容器中。讲得通?