Выберите элементы не в DOM во время выполнения IntroJS - PullRequest
Новая
       8

Выберите элементы не в DOM во время выполнения IntroJS

1 голос
/ 04 мая 2020

Я использую введение JS, чтобы выполнить пошаговое руководство для стороннего веб-приложения, и не могу понять, как выбрать элемент, которого нет в DOM, когда запускается сценарий Intor JS. Существует меню, которое появляется как оверлейный элемент div при нажатии кнопки. Я не могу выбрать ни один из его классов.

1 Ответ

0 голосов
/ 05 мая 2020

Чтобы добавить элемент к шагам вступления. js, элемент должен существовать и отображаться в браузере. Однако вы можете сделать одну вещь: использовать селекторы CSS и вызвать метод refresh() после рендеринга вашего приложения.

Пример: 

 var intro = introJs();
          intro.setOptions({
            steps: [
              {
                element: '#step3',
                intro: 'More features, more fun.',
                position: 'left'
              },
              {
                element: '#step4',
                intro: "Another step.",
                position: 'bottom'
              },
              {
                element: '#step5',
                intro: 'Another Step'
              }
            ]
          });

          intro.start();

и затем позвоните intro.refresh() , когда ваше приложение будет полностью обработано . После вызова refersh() Intro. js попытался переоценить все селекторы и найти элементы из DOM.

...