Как запустить 2 или более экземпляров всплывающей подсказки одновременно?

Используя tooltipster, который работает нормально, мне нужно создать еще один экземпляр tooltipster с другим классом, связанным с ним. Так что у меня есть разные типы подсказок для разных ситуаций на одной и той же веб-странице. Я просто создал другой экземпляр и изменил имя класса и параметр, который хочу изменить. Но это не похоже на работу....? Интересно, может ли быть какой-либо конфликт, о котором я не знаю...?

  $(document).ready(function() {

    $('.tooltip').tooltipster();
        $('.tooltip').tooltipster({
            theme: 'tooltipster-punk' 
            , animation : 'fade'
            , contentAsHTML: true 
            , zIndex: 5000
            , maxWidth: 420
            , trigger: 'custom', 
                    triggerOpen: {
                        mouseenter: true,
                        touchstart: true,
                        originClick: true 
                    },
                    triggerClose: {
                        mouseleave: true,
                        touchleave: true,
                         delay: 300
                    }
            , interactive: true

        });

$('.tooltipnotOnMouseEnter').tooltipster({
            theme: 'tooltipster-punk' 
            , animation : 'fade'
            , contentAsHTML: true 
            , zIndex: 5000
            , maxWidth: 420
            , trigger: 'custom', 
                    triggerOpen: {
                        mouseenter: false,
                        touchstart: true,
                        originClick: true 
                    },
                    triggerClose: {
                        mouseleave: true,
                        touchleave: true,
                         delay: 200
                    }
            , interactive: true

        });
    });

0 ответов

Другие вопросы по тегам