0

tooltipster tooltip2回目のホバーで少し遅れて表示したい

どういうわけか、tooltip2回目のホバーで無効にすることができました。しかし、2回目のホバーでツールチップを表示したいのですが、少し遅れます。

フィドルのデモを見つける

これはコードです： 

$('.tooltip').each(function(){
    var pos = $(this).attr('data-position');
    //var hvr = $(this).hover();

    $(this).tooltipster({
        contentAsHTML: true,
        maxWidth: 200,
        position: 'right', 
        speed: 150,
        arrow:false,
        multiple: true,
        positionTracker:true,
        onlyOne: true,
        trigger:'hover',
        offsetX:-25,
        offsetY:-80,
        //theme: '.onlyforcategory',
    });

});

$('.tooltip').mouseleave(function(){
    $(this).tooltipster('disable');
});

$('.tooltip').hover(function(){
    //setTimeout(function(){ $(this).tooltipster('enable');}, 2000);
});
4

1 に答える 1

0

まだツールチップスター化されていないツールチップ クラス要素のマウスオーバー イベントにツールチップスターを適用し、それを開きます。ツールチップがすぐに開きます。

tooltipster 設定で、trigger: 'hover'とdelay: 3000を定義します。ツールチップスターは、その後 (2 回目のホバーから) ホバー イベントで 3 秒の遅延でツールチップを開きます。

  var tooltipInstance;
        $("body").on('mouseover', '.tooltip:not(.tooltipstered)', function(){
            var pos = $(this).attr('data-position');
            //var hvr = $(this).hover();
            tooltipInstance = $(this).tooltipster({
                trigger: 'hover',
                delay: 3000,
                contentAsHTML: true,
                maxWidth: 200,
                position: 'right',
                speed: 150,
                arrow:false,
                multiple: true,
                positionTracker:true,
                onlyOne: true,
                trigger:'hover',
                offsetX:-25,
                offsetY:-80,
                //theme: '.onlyforcategory',
            });
            tooltipInstance.tooltipster('open');
         });
于 2016-10-16T12:45:02.230 に答える