Javascript 连接列表控件

对不起，我的英文谷歌翻译。我有三个相互关联的列表

$( ".listaAvisosConectados" ).sortable({
    connectWith: ".listaAvisosConectados",
    dropOnEmpty:true,

    }).disableSelection();

在线示例：

我需要实现任何元素都可以添加到红色列表中，但是列表项不能在相反的列表中添加绿色或蓝色。红色接受一切。绿色只接受绿色，蓝色只接受蓝色

我试过几种方法，但都做不到

如果我把一个不同的类放在绿色和红色的列表中。红色列表和添加两个类的效果不是很好

似乎有一种“取消”方法可用于响应“接收”事件，例如（在伪代码中）

---

谢谢，我已经尝试过了，但没有成功，我认为接收函数是在收到项目后执行的，我在这里留下一个新的示例，至少能够确定在什么情况下我必须不接受项目$（“.listaAvisosConectados”）.sortable（{connectWith:“.listaavisconectados”，dropOnEmpty:true，receive:function（事件，ui）{if(（$（ui.item）.hasglass（$（ui.item.））&&（$（this.hasglass（$）））{alert（“绿色列表中的itemBlue”）；$（this.sortable（$）；}if（$（ui.item.hasglass（$）和（$（this.hasglass（$）{alert（“蓝色列表中的itemGreen”）；$（this.sortable（'cancel'）；}}}.disableSelection（）；哦，对不起，我看到你把它添加到了演示中。嗯……你能把你的演示放在js小提琴里吗？如果我能自己操作的话，帮助你会更容易。

bluelist.sortable(
recieve: function(event, ui){
if(ui.element.class == "green"){ //I don't remember exactly how to get the element off the top of my head, but I think it's something like ui.element
$(this).sortable('cancel');
}}