Javascript 蛇罐'；不要让尾巴正确地跟随头部

我正在使用JavaScript和JQuery开发一个简单的蛇游戏

我似乎不能让尾巴跟着头走

我的代码所做的是，一旦蛇吃了食物，它就会沿着吃食物的方向扩张，整个身体就会在一个集群中移动，而不是在一个后续的运动中

任何帮助都将不胜感激

编辑：这里有一个项目的代码笔：

var snake={
职位：[20,20]，
指示：“r”，
当前的"蛇":[
[20, 20]
]
}
食品风险={
职位：[10,4]
}
var gameSpeed=250；
函数createGrid（）{
var网格=[]；
对于（变量行=0；行<40；行++）{
对于（变量列=0；列<40；列++）{
grid.push（[行，列]）；
}
}
返回网格；
}
函数render（）{
var grid=createGrid（）；
$.map（网格、函数（变量、索引）{
$（“.snake grid”）.append("JSFIDLE在这里会很有用。这是太多的代码，我们无法期望我们为您调试。您做过任何调试吗？您能缩小问题的范围吗？请查看并像前面提到的那样，使用JSFIDLE或内置代码段演示问题。对此感到抱歉。这是我的代码笔：没有看过您的代码，但没有最好的方法是把你的尾巴移到你的头应该移动的地方，所有其他的细胞保持不变。不过你可能需要改变尾巴和头的类别，以及改变/保持跟踪哪个是头，哪个是尾