如何一次启动2个或更多工具提示实例?

时间:2019-01-24 23:29:27

标签: javascript jquery tooltipster

使用正常工作的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 个答案:

没有答案