Chessboardjs配置生效可拿起棋子但无法放下问题求助

问题原因 #

你使用了jQuery Slim 版本，该版本移除了动画相关的核心API，而chessboardjs的拖拽落子逻辑依赖jQuery的animate等动画方法完成落子状态更新，导致落子流程执行中断，棋子会自动回弹到原位置。

修复步骤 #

1. 替换jQuery引入为完整版本
   把原页面中jQuery Slim的引入标签替换为完整版即可：

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

2. 修复开始位置按钮的绑定错误
   你直接将board.start作为点击回调传入会丢失方法的执行上下文，调用时会触发报错，修改为箭头函数包裹即可：

$('#startPositionBtn').on('click', () => board.start())

完成以上两处修改后，不需要调整其他配置，即可正常完成落子操作。

内容的提问来源于stack exchange，提问作者chron1cle