0

jQuery UI のドラッグ アンド ドロップ機能を使用します。2列のテーブルがありました。項目は 1 つの列にあり、ユーザーはそれらを別のテーブル列にドラッグできました。すべてがうまくいきました。ただし、アイテムが多すぎる場合に垂直スクロールを追加するには、最初の列の要素を 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
}
4

1 に答える 1

0

申し訳ありませんが、うまくいく解決策を見つけました。うまくいけば、誰かが役に立つと思います:

#myOverflow{
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto
}
于 2013-06-01T18:56:01.227 に答える