0

这是我需要克隆到 html5 和 jquery http://www.gdlab.it/mappa/的 swf

我可以保留 SWF 中的功能吗？

标签总是可以在数量和文本上有所不同，将标签放在另一个切换位置，最后（仅当所有标签都插入时）检查答案是否正确，如果不正确则将正确答案留在正确的位置并重置错误顶楼的答案。

提前 Tnx

编辑

html

    <h1>This is a jQuery UI draggable TEST!</h1>
    <h2>Sposta questi oggetti nell'ordine esatto</h2>
    <p class="labels">
        <span class="dragme">ipsum</span> <span class="dragme">sit</span> <span class="dragme">dolor</span> <span class="dragme">amet</span> <span class="dragme">lorem</span>
    </p>
    <h2>Posti destinazione</h2>
    <p class="labels">
        <span class="dropme"></span>
    </p>

jQuery

        $(function() {
            $(".dragme").draggable({
                revert: true,
                revertDuration: 600
            });

            $(".dropme").droppable({
                accept: ".dragme",
                hoverClass: "ui-state-hover",
                activeClass: "ui-state-hover",
                drop: function(event, ui) {
                    $(this).addClass('ui-state-highlight').html(ui.draggable);
                }
            });
        });

我不能完全适合可拖动到相同尺寸的 span.dropme 并且如果我在其上放置另一个标签（切换位置）并返回到默认顶部位置，我不知道如何更改放置的标签，例如：/

4

1 回答 1

0

是的你可以

您必须将所有标签设为 asdragable并将所有空格（可能是固定宽度的 div）设为dropable.

见 http://jqueryui.com/demos/draggable/ 和 http://jqueryui.com/demos/droppable/

于 2012-06-15T13:07:05.990 回答