Javascript jQuery UI可排序-开始时执行某些操作，删除时删除

我有两个街区，一个是“可拖动的”，另一个是“可排序的”

当我开始从“可排序”拖动项目时，我想向div添加背景色，如果我停止拖动，我想删除背景色

以下是我的JS：

$(".sortableList").sortable({
 start: function(event, ui) {

   if (event.handleObj.namespace=="sortable")
       $('.background').show();
    },

 update: function(event, ui) {

   if (event.handleObj.namespace=="sortable")
       $('.background').hide();
    }


});
$(".draggable").draggable({
 connectToSortable: '.sortableList',
 cursor: 'pointer',
 helper: 'clone',
 revert: 'invalid',
 start: function (event, ui) {
     $(this).addClass('testing');
 }
});

这里有一个我正在尝试做的实例

问题是，当我开始从“sortable”拖动一个项目并将其放在同一位置时，背景颜色保持不变，我不希望出现这种情况

---

我该怎么做

使用

停止

事件而不是

更新

事件：

$(".sortableList").sortable({
 start: function(event, ui) {

   if (event.handleObj.namespace=="sortable")
       $('.background').show();
    },

 stop: function(event, ui) {

   if (event.handleObj.namespace=="sortable")
       $('.background').hide();
    }


});

---

若你们花些时间和……在一起，你们也许能。。