Drag and drop проверка

Тема в разделе "JavaScript", создана пользователем Origami, 21 май 2014.

Модераторы: ZiX
  1. Origami

    Origami Создатель

    Регистр.:
    31 мар 2013
    Сообщения:
    25
    Симпатии:
    10
    Задача следующая.
    Есть игра (скриншот прикреплен)

    Есть тоже самое реализованное для веб с помощью jquery ui draggable.
    Правильный ответ нужно перенести в нужную ячейку. Идеи как реализовать проверку на правильную ячейку нет.

    Кто нибудь подобное уже делал?
     

    Вложения:

  2. Otto

    Otto

    Регистр.:
    12 май 2008
    Сообщения:
    481
    Симпатии:
    158
    Ну теоритический через id можно определять, если id объекта который переносим равен id блока, тогда правильно.
    А так посмотри за основу есть аналогичные примеры: http://goo.gl/iwCUjm
    [​IMG]
    [​IMG]
     
    Последнее редактирование: 21 май 2014
  3. snegovikufa

    snegovikufa Писатель

    Регистр.:
    5 янв 2014
    Сообщения:
    6
    Симпатии:
    4
    Код:
    $("#container .elements").draggable({
    stop: function (event, ui) {
       var expected = $("#expectedContainer .elements")[0].getClass();
       if (ui.helper && $(ui.helper).hasClass(expected)) {
             console.log("Successful captcha");
       }
    },
    });
    Примерно так
     
  4. xotox

    xotox Постоялец

    Регистр.:
    10 янв 2013
    Сообщения:
    51
    Симпатии:
    3
    да уже это все можно гораздо проще реализовать, без помощи UI, html5 поддерживает перемещение,
    и в javascripte для этого есть специальные функции, описывающие все события перетасиквания

    http://www.html5rocks.com/ru/tutorials/dnd/basics/