search

usablica / intro.js

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

How to change message in responsive? #751

Closed vanloc0301 closed 7 years ago

vanloc0301 commented 7 years ago

I want to change the message in step base on the device of a user.

If user login on my web page is mobile, it shows a message like: Tap to preview.

On desktop show message: Hover to preview.

My code like:

$(document).ready(function() { 
    var intro = introJs();
    intro.setOptions({
    doneLabel : 'I know that',
    steps: [
        {
            element: '.list--item',
            intro: 'Mobile: tap to preview. PC: hover to preview.'
        }
    ]
    });

    intro.start();
});
vanloc0301 commented 7 years ago

Sorry, my question doesn't relate introJs.