您好，我目前正在学习CSS，jQuery，Javascript，并且已经将etch-a-sketch作为第一个项目。我设法在其中添加了一些功能，但没有出现任何问题，但是在使用蛇功能时，我遇到了一个问题，即如果您将正方形的鼠标打孔，它似乎会移至网格的底部并继续执行操作因此，我认为这是由于网格的生成方式或div的浮动所致，但我无法解决。有人可以建议解决此问题的任何方法吗？如果您在代码中看到任何可以改进的东西，因为我才刚刚开始学习，我将不胜感激！
该项目可在此处http://htmlpreview.github.io/?https://github.com/timmknight/etch-a-sketch/blob/master/index.html查看
文件在我的github上https://github.com/timmknight/etch-a-sketch
感谢您的任何提前帮助！
问题似乎出在此函数的最后一行：
function trail(){
clearGrid()
$('.square').css("background-color", "#CFCFCF")
$('.square').hover(function () {
$(this).css("background-color", "#CFCFCF")
$(this).fadeToggle("slow") // this line is the issue
});
}
fadeToggle减少了目标超时的不透明性。一旦不透明度达到0，目标的显示将设置为“无”。因此，在20x20的网格中，每当您的鼠标悬停导致元素隐藏时，它就会显示399，而不是显示400。总而言之，什么都没有移动到底部，您的悬停使所有元素移到网格中的左侧，最后留下一个空白空间。
我希望这有帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句