jquery - 添加 div 时的拖放问题

Question

我使用 jQuery UI 拖放功能。我有一张有 2 列的桌子。这些项目在一个列中，用户可以将它们拖到另一个表列中。一切都很好。但是，我需要用 div 包裹第一列中的元素，以便在项目太多时添加垂直滚动。现在，当我尝试拖动元素时，似乎我将它们拖动到同一个 div 中，进入隐藏区域，而不是进入下一个表格列。我试图限制 div 宽度但得到相同的结果。我错过了什么？

这是我的HTML：

<table id="tbl">
<tr valign="top">
    <td id="dragFrom" class="ui-droppable"><div id="myOverflow"></div></td>
    <td id="dropTo"></td>
</tr>
</table>

CSS

#dragFrom {
    width: 290px
}

#myOverflow{
    overflow-x: hidden;
    overflow-y: auto;
    width: 290px
}

Answer 1

抱歉，我只是想出了可行的解决方案。希望有人觉得它有用：

#myOverflow{
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}