Как перетащить элемент и опустить его в определенный элемент

Question

Я пытаюсь использовать функцию drag and drop в моих кодах.

На моей странице есть как минимум два tables, и я хочу перетащить table 1 cell в table 2 cell.

большинство из table 2 клеток пустые.

Мой HTML

Table 1 

<table class = 'dragtable'> 

//bunch of cells... 

</table> 


Table 2 

<table class = 'dragtable'> 

//bunch of cells... 

</table> 

В моих кодов:

obj = $('.dragtable td'); 
    emptyCell = $('.dragtable td:empty'); 
    $(obj).draggable({ 
     cursor:'pointer', 
     snap:emptyCell 
    }) 

Мои коды выше, могут заставить пользователя перетащить ячейку, но мне нужно, чтобы убедиться, что пользователь может только понижаться деталь к пустой ячейку не везде на странице. emptyCell не работает в моем случае.

PS: Я не могу изменить имя таблицы class, потому что это затрагивает многие другие вещи.

Все советы здесь? Большое спасибо!

Answer 1

звучит, как вам нужно, чтобы сделать ваши пустые ячейки Droppable увидеть ссылку http://jqueryui.com/droppable/