Question

所以我在JS（+ jQuery）中制作国际象棋游戏，最后要做的就是制作可拖动的棋子。

我的主板是常规的html表（包含TR和TD），其中包含DIV。我使用jQuery UI使DIV可拖动，但每次我尝试将DIV与片段拖到其他位置时它都保持在同一个td中： http://screenshooter.net/8964979/Klpmu17_06_02_2014__12_38_17

HTML就像这样：

<table>
    <tr>
        <td class="pole">
            <div class="figura">here goes a piece</div>
        </td>
        <td class="pole">
            ...
        </td>
    </tr>
    <tr>
        ...
    </tr>
</table>

然后JS：

 $(".figura").draggable({
            revert: true,
            appendTo: 'body',
            stack: '.pole',
            start: function () {
                $('#tabs').css('z-index', '9999');
            },
            stop: function () {
                $('#tabs').css('z-index', '0');
            }
        });

        $(".pole").droppable();

我怎样才能让他们走出牢房？

Answer 1

看来我的TD元素已经

了

overflow: hidden;

没有上面它完美无缺：D

Answer 2

try

containment:'window',

而不是

appendTo: 'body',

或者同时尝试两者

Additon您可以使用options

设置Z-index

表中的可拖动div元素落后于其他表格单元格

2 个答案: