jquery使用websocket实时拖放：多人同时拖动时出错

Question

我正在使用 jquery 拖放和 websocket。当用户拖放项目时，它会在其他用户屏幕上自动更新。喜欢这个视频：https://youtu.be/JHndS1ps_f0

我用来拖放的库是：https://github.com/AshesOfOwls/jquery.shapeshift

拖拽部分的代码结构基本上是这样的：

   if (options.enableDrag) {
        $(".item").draggable({
            start: function (e, ui) {
                $selected = $(e.target);
            },
            drag: function (e, ui) {
                //st code with $selected

            },
            stop: function () {
                //st code with $selected
            }
        });
    }

但是，当我在拖拽的时候，其他用户也在拖拽，现在我继续拖拽会失败。变量 $selected 是未定义的。好像被重置了。

Answer 1

我找到了解决方案：

if (options.enableDrag) {
        $(".item").draggable({
            start: function (e, ui) {
                $selected = $(e.target);
            },
            drag: function (e, ui) {
                $selected = $(e.target);
                //st code with $selected
            },
            stop: function () {
                //st code with $selected
                $selected = $(e.target);
            }
        });
    }