javascript - 接続リスト コントロール

Question

私の英語のグーグル翻訳者に申し訳ありません。私は3つの接続されたリストを持っています

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

    }).disableSelection();

オンラインの例: http://test.vertudemo.com/

レッドリストに追加できる要素を実装する必要がありますが、そのリストアイテムは反対のリストに追加された緑または青にすることはできません。赤はすべてを受け入れます。緑は緑のみ、青は青のみを受け入れます。

いくつかの方法を試しましたが、できません。

緑と赤の各リストに異なるクラスを配置するとします。Red List と 2 つのクラスの追加はうまく機能しません。

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