1

所以我正在用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();

我怎样才能让他们离开他们的牢房？

4

2 回答 2

2

It appears that my TD elements had got

overflow: hidden;

Without above it works perfectly :D

于 2014-02-06T20:12:33.173 回答
0

尝试

containment:'window',

代替

appendTo: 'body',

或者同时尝试它们

另外，您可以使用选项设置 Z-index

于 2014-02-06T12:24:51.953 回答