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) を as にする必要がありdropableます。

http://jqueryui.com/demos/draggable/ および http://jqueryui.com/demos/droppable/を参照 してください。

于 2012-06-15T13:07:05.990 に答える