rechazar elemento ordenable no válido en una lista ordenable

Question

Probé muchas cosas pero no tuve éxito :(Tengo dos listas ordenables conectadas entre sí. La cosa es la lista 'A' puede aceptar cualquier elemento de la lista. Pero lista 'B' sólo puede aceptar un elemento que tiene class = 'abc'

El código es el

<ul id='A'> 
    <li>item A1</i> 
    <li>item A2</i> 
    <li class='abc'>item A3</i> 
</ul> 

<ul id='B'> 
    <li class='abc'>item A1</i> 
</ul> 

El código jQuery que estoy tratando es

$('#A').sortable({revert: true, connectWith: '#B'}) 
$('#B').sortable({revert: true, connectWith: '#A', over: function(event, ui){ 
    if(!ui.item.hasClass('abc')){ 
    ui.placeholder.addClass('ui-state-error'); 
    ui.sender.sortable('cancel'); 
    } 
}}) 

favor, me guía donde estoy equivocado, gracias

Answer 1

Usted podría tratar de usar el caso de recibir en su lugar, aunque es un poco retrasado haciendo esto y la addClass no funciona:

$('#A').sortable({revert: true, connectWith: '#B'}) 
$('#B').sortable({revert: true, connectWith: '#A', 
    receive: function(event, ui){ 
     if(!ui.item.hasClass('abc')){ 
      $(ui.placeholder).addClass('ui-state-error');      
      $(ui.sender).sortable('cancel'); 
     }} 
})​;​ 

Ejemplo - http://jsfiddle.net/b5ykK/1/