Эксперимент с диалоговым веб-приложением. Демо
Построен на основе структуры Category -> Sub-category -> Info
, как определено в js/app.js
. Также проверьте этот файл, чтобы настроить выбор ответов, выбранных случайным образом для каждого шага. См. этот репозиторий для реального примера использования AJAX для контента.
Представление контента для шага информации определяется здесь, в разделе .content
div. Идентификаторы из меню и подменю необходимо объединить.
В этом проекте в основном используются функции JavaScript ES2015. Может быть запущен без проблем в Chrome или Safari Техническая предварительная версия, но требует транспиляции с помощью Babel для других браузеров с использованием Gulp.
Для транспиляции установите Node.js и Gulp, если вы еще этого не сделали. Затем установите необходимые зависимости проекта, перечисленные в package.json
, с помощью:
npm install
Затем запустите задачу транспиляции, определенную в gulpfile.js
:
gulp js
Это транспилируется и минимизируется в js/app.min.js
.