1

Web 上の多くの例を見て、jquery についてできるだけ多く学ぼうとしていますが、まだイベントに問題があります。

ご覧のとおり、jquery UI を使用して単純なドラッグ アンド ドロップを作成しましたが、周りで見つけたすべての例は、これを検証するのに役立ちませんでした。

私は correctAnswers を作成しましたが、問題はそれらを検証する方法がわからないことです。見やすいように、「a」は 1 になり、「b」は 2 になり、「c」は 3 になり、「送信」ボタンをクリックすると有効になります。

var correctAnswers = ['a-1,b-2,c-3'];

$('.dragAble').draggable({
    containment: "#content",
    cursor: "move",
    snap: ".dropAble"
});
if (answers === correctAnswers) {
    $("#win").show();
} else {
    $("#fail").show();
};​

JSFiddle

4

1 に答える 1

1

このコードを試してください：

var correctAnswers = ['a-1', 'b-2', 'c-3'];
var results = [];

$('.dragAble').draggable({
    containment: "#content",
    cursor: "move",
    snap: ".dropAble",
});

$( ".dropAble" ).droppable({
    drop: function( event, ui ) {
        results.push($(ui.draggable).attr("id") + '-' + $(this).attr("id"));
    }
});

$("#submit").click(function(){
    console.log(results);
    result = true;
    $.each(results, function(index, value){
        if($.inArray(value, correctAnswers ) == -1){
            result = false;
        }

        if(!result) return;
    });

    if (result) {
        $("#win").show();
    } else {
        $("#fail").show();
    };
});​

ここでフィドルhttp://jsfiddle.net/aanred/x3jF3/。ただし、このコードには、改善する必要がある基本的な機能しかありません。

于 2012-11-30T02:40:33.960 に答える