是否可以在jquery ui中模拟相交的“droppables”?

因为你只有3个细胞,这个问题很容易解决。您可以简单地将最左边和最右边的单元格设为可删除的元素。现在,当可拖动的鼠标悬停在其中一个单元格上时,可以将其背景色和中间的颜色更改为其他颜色。

例如,如果你的html是:

<div id="draggable_thing"><!-- who knows... (probably you...) --></div>
<tr>
    <td class="left"></td>
    <td class="mid"></td>
    <td class="right"></td>
</tr>

然后你就可以做如下事情:

$(function() {
    $("#draggable_thing").draggable();
    $(".right").droppable({
        over: function(event, ui) {
            $(this).toggleClass('over-right-cell');
            $(this).parent().find('.mid').toggleClass('over-right-cell');
        }
        out: function(event,ui) {
           $(this).toggleClass('over-right-cell');
           $(this).parent().find('.mid').toggleClass('over-right-cell'); 
        }
    });
    $(".left").droppable({
        over: function(event, ui) {
            $(this).toggleClass('over-left-cell');
            $(this).parent().find('.mid').toggleClass('over-left-cell');
        }
        out: function(event,ui) {
           $(this).toggleClass('over-left-cell');
           $(this).parent().find('.mid').toggleClass('over-left-cell'); 
        }
    });
});

然后你只需要几个不同的css类,让用户知道操作是不同的。像这样难看的东西就足够演示了:

.over-right-cell { background-color: blue; }
.over-left-cell  { background-color: green; }

祝你好运!