Заказать сайт
Перетаскивание элементов в zero-блоке
Смотрите полную видеоинструкцию на YouTube канале
Смотреть
  1. Добавляем в zero-блоке шейпы или изображения, которые у нас будут вариантами ответа, сколько вариантов, столько и шейпов
  2. Задаем классы этим шейпам. Верный ответ — класс dragtrue, неверный — dragfalse
  3. Создаем область, куда будем перетаскивать наши варианты ответа, это также может быть шейп или изображения, задаем ей класс drag-container
  4. Попапу, который должен появится при перемещении правильного ответа в область задаем класс uc-popuppromocode
  5. Также в моём примере появляется верный вариант ответа, это отдельный шейп, у которого класс true-answer, и кнопка при нажатии на которую открывается повторно попап с промокодом, у которой класс promocode
В коде прописаны дополнительные комментарии, по которым вам будет проще ориентироваться, также есть дополнительная таблица, с помощью которой можете немного расширить функционал кода
Made on
Tilda