1

だから私は JS (+jQuery) でチェスのゲームを作っています。最後に行うことは、ピースをドラッグ可能にすることです。

私のボードは、ピースを含む DIV を含む通常の html テーブル (TR と TD を含む) です。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

0

試す

containment:'window',

それ以外の

appendTo: 'body',

または、両方を同時に試す

オプションでZ-indexを設定できます

于 2014-02-06T12:24:51.953 に答える