interrupt IntroJS.js учебник с onclick на элементе, а затем продолжить?

Question

Я работаю на учебник по следующему адресу http://tiny.cc/testmapsite

На 3-й стадии, я выделить элемент, который я прошу пользователя щелкнуть, это изменяет один из элементов, которые я тогда хочу использовать в следующем шаг. Однако, когда наступает следующий шаг, правильный элемент подсвечивается, но всплывающее окно не отображается, а непрозрачность шага IntroJS неверна.

Есть ли способ, которым я могу прервать учебное пособие, чтобы пользователь мог щелкнуть по определенному элементу, а затем, как только они сделали это, продолжить и перейти к следующему шагу.

Если вы хотите взглянуть на правильный учебник, нажмите на Начало работы текст на левой панели Home, которая должна начать учебник

Answer 1

Это происходит потому, что intro.js обращается к DOM к вычислить позицию popover до завершения обновления.

(Вы можете проверить это путем проверки элементов страницы и найти поповер элемент, присоединенный к DOM, но с позицией, что является недействительным или закадровым.)

Если это так, то просто $ SetTimeout (...), чтобы отсрочить вызов вашей следующей функции, должен сделать трюк, например

// update DOM element, then... 
// 
setTimeout(function() { 
    introJs().start().nextStep(); 
},100};