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);
            }
        });
    }