javascript - 连接列表控件

Question

对不起我的英文谷歌翻译。我有三个连接列表

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

    }).disableSelection();

在线示例： http: //test.vertudemo.com/

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

我尝试了几种方法，但无法做到。

如果我为每个绿色和红色列表添加不同的类。红名单和添加两个类都不太好用。

Answer 1

看起来有一个“取消”方法可以用来响应“接收”事件——例如（在伪代码中）

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