Question

我目前正在处理一个页面，为Hangman类型的测验生成问题。

为了做到这一点，并为将要使用此应用程序的人们尽可能地保持简洁，我创建了一个可编辑的div，其中显示了Hangman，因为它将出现给玩家

目标是用户可以在div中键入hangman，每次输入角色时，角色都会被嵌入＆＃34;在HTML代码中。此HTML代码将字符放在一个单独的div中，其中包含背景图像和特定布局。在每个方框的下方还有一个按钮，该按钮被生成为能够切换角色的可见性。在这种情况下，输入的人可以使角色可见或不可见，使刽子手更容易或更难。

所以我有这个工作，看到下面的小提琴，但我仍然有一些问题：

我想让整个刽子手居中。有没有一个简单的jQuery方法来做或者我需要计算字符并计算每个div的偏移量？
如果用户想要编辑一部分刽子手（例如，在输入错误的情况下），他可以通过将插入符号放在字符前并点击删除按钮来删除字符。但退格不起作用。我还添加了一个函数，用于在使用＆＃34; embedded＆＃34;替换字符时在div中最后一个字符的末尾设置插入符号。字符。但是当你编辑刽子手时，这很烦人，因为如果你想在给定的位置添加更多的字符，插入符总是在最后跳回来。那么有没有办法将插入符号保持在用户添加文本的位置？

如果用户键入空格，我希望这会产生间隔但没有按钮。但是你会在小提琴中看到if-code永远不会被调用。我不明白为什么。

$。each（arrContent，function（）{

    if (this == " ")
    {
        $("#Hangman").append('<div class="Space">&nbsp;</div>');            
    }
    else
    {
        $("#Hangman").append('<div class="box" id="Box"><p class="hangmanContent">' + this.toUpperCase() + '<input type="button" class="button" value="' + this.toUpperCase() + '"></input></p></div>');
    }

});

项目的一部分可以在这里找到：https://jsfiddle.net/8f401k5w/ 为了使其更易于阅读，我只包含相关代码，并且部分图像已被背景颜色替换，因为我无法存储图像。

我知道我可以通过使用用户输入文本的文本框轻松解决这些问题，但这会导致布局出现问题，因此他们对此犹豫不决。但是我会把它作为最后的手段。提前感谢您的帮助。

Jquery更新可编辑div中的文本

0 个答案: