usablica / intro.js

Lightweight, user-friendly onboarding tour library
http://introjs.com
Other
22.8k stars 2.59k forks source link

Steps doesn't start propertly when doing multi page intro #416

Closed Drintios closed 3 years ago

Drintios commented 9 years ago

When i do a multi page intro, in the second page steps gets weird. It start fine with the step defined on the data-step property, but when i click next, the text layout disappears and trows this console error = " oldReferenceLayer.querySelector() is null" i found a work around but before i submit it i want to know if there is a much simpler way to fix this.

PS: sorry for my english, it's my second language ^^

Brammz commented 9 years ago

Hey man, I have the same problem, what's your workaround? And have you found a better solution already ? EDIT: I commented the line: oldReferenceLayer.querySelector('.introjs-bullets li > a.active').className = ''; , now it seems to work

jdgarrido commented 9 years ago

@Drintios @Brammz i have a solution, but this is no the best way for do this.

the problem is because the bullets on the modal with the button for next and prev lose the active class, then, i add the following

https://gist.github.com/jdgarrido/3226b74725008e31d875

that's all. i hope works for you saludos

stale[bot] commented 4 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.