Jquery-动态删除可拖放类

我想做战舰游戏。我有一个关于可拖动/可拖放的问题。 请看

如果你从右侧区域乘坐一艘船，在左侧降落，然后再乘坐另一艘船，你会在区域1看到换班

white - empty - droppable
blue - ship - should be not droppable
yellow - adjacent to ship  - should be not droppable

我的代码：

 $(".ship1").draggable({ revert: "invalid", snap: ".droppable",
        start: function(event, ui){ 
             ....
            for(var i=0; i<100; i++)
            {
                if(playerArray[i].adjacent)
                {
                    var quickTpId = "#p"+i; 
                    $(quickTpId).removeClass('empty'); 
                    $(quickTpId).addClass('adjacent');
                    $(quickTpId).removeClass('droppable');
                }
                if(playerArray[i].empty)
                {
                    var quickTpId = "#p"+i; 
                    $(quickTpId).removeClass('adjacent'); 
                    $(quickTpId).addClass('empty');
                    $(quickTpId).addClass('droppable');
                }
            }
        }
    });

$（.ship1”）.draggable（{revert:“无效”，snap:“.dropable”，
开始：函数（事件，ui）{
....
for（var i=0；我在您的css中有droppable类？droppable是仅为jquery创建的类。我将.droppable添加到css中，但仍然不起作用。-为什么您不使用option而不是
addClass
和
removeClass
？禁用该选项效果很好。谢谢，现在对target.event:）执行一些操作。）