Question

这是我需要克隆到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并且我不知道如果我在其上放置另一个标签（切换位置）并返回到默认顶部位置（如示例），如何更改掉标签：/

Answer 1

是的，你可以

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

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

拖拽用jquery ui像这个swf一样掉线

1 个答案: