使用jquery插件SpriteSpin，我如何让图片在点击按钮时旋转到某个特定的帧？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/spritespin/6.2.4/spritespin.min.js"></script>

$('#spritespin').spritespin({
    source: 'path/to/image.jpg',
    width: 800,  // 图片宽度
    height: 600,  // 图片高度
    frames: 36,  // 图片总帧数
    sense: -1  // 设置旋转方向，-1为逆时针，1为顺时针
});

<button id="rotateButton">旋转</button>

$('#rotateButton').on('click', function() {
    $('#spritespin').spritespin('api').stop();  // 先停止旋转动画
    var frameIndex = 10;  // 设置要旋转到的帧索引
    $('#spritespin').spritespin('api').frame(frameIndex);
});