У меня есть многостраничный учебник Intro.js, и мне нужно позволить пользователям перемещаться между страницами. В частности, я хочу убедиться, что, когда страница содержит только 1 шаг, кнопка «Предыдущая» остается видимой, чтобы пользователи могли перейти обратно на предыдущую страницу. Я хотел бы убедиться, что кнопка «предыдущая» всегда была видна, даже на страницах с 1 шагом, чтобы пользователи могли вернуться к предыдущей странице в учебном пособии. redirect., < /p>
Это код, который я использую на странице 1, а страница 2 в значительной степени одинаково, но с включением Tulcial = 1: < /p>
function startTutorial() {
introJs().setOptions({
steps: [
{
title: 'Welcome',
intro: "Intro text",
position: 'center'
},
{
element: document.querySelector('[data-step="1"]'),
intro: "Step 1"
}
],
exitOnOverlayClick: true,
showBullets: false,
nextLabel: 'Next',
prevLabel: 'Previous',
doneLabel: 'Next'
}).oncomplete(function() {
window.location.href = '{{ path("app_next_page", {"tutorial": true}) }}';
}).start();
}
Подробнее здесь: https://stackoverflow.com/questions/795 ... s-tutorial
Как сохранить кнопку «предыдущей» видимой в многостраничном учебнике Intro.js? ⇐ Javascript
Форум по Javascript
1745846210
Anonymous
У меня есть многостраничный учебник Intro.js, и мне нужно позволить пользователям перемещаться между страницами. В частности, я хочу убедиться, что, когда страница содержит только 1 шаг, кнопка «Предыдущая» остается видимой, чтобы пользователи могли перейти обратно на предыдущую страницу. Я хотел бы убедиться, что кнопка «предыдущая» всегда была видна, даже на страницах с 1 шагом, чтобы пользователи могли вернуться к предыдущей странице в учебном пособии. redirect., < /p>
Это код, который я использую на странице 1, а страница 2 в значительной степени одинаково, но с включением Tulcial = 1: < /p>
function startTutorial() {
introJs().setOptions({
steps: [
{
title: 'Welcome',
intro: "Intro text",
position: 'center'
},
{
element: document.querySelector('[data-step="1"]'),
intro: "Step 1"
}
],
exitOnOverlayClick: true,
showBullets: false,
nextLabel: 'Next',
prevLabel: 'Previous',
doneLabel: 'Next'
}).oncomplete(function() {
window.location.href = '{{ path("app_next_page", {"tutorial": true}) }}';
}).start();
}
Подробнее здесь: [url]https://stackoverflow.com/questions/79596492/how-to-keep-the-previous-button-visible-in-a-multi-page-intro-js-tutorial[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия