заставить Qtip исчезнуть сразу - PullRequest
0 голосов
/ 12 февраля 2011

, поэтому я хочу, чтобы из qtip было следующее поведение:

qtip должен отображаться, когда я нажимаю на объект (у меня это работает без проблем) ... но затем я хочу, чтобы он исчез посленесколько миллисекунд без того, чтобы я ничего не делал .... как бы вы настроили qtip для этого?

Я пытался

hide: {
    when : 'inactive',
    delay : 100,
    fixed: false
}

, но это не работает ....

любая помощь будет оценена ... спасибо

Ответы [ 3 ]

1 голос
/ 12 февраля 2011

Если вы хотите, чтобы всплывающая подсказка вспыхивала на экране:

$(".tooltip").qtip({
    content: "Test tooltip",
    api: {
        // As soon as the qtip is fully visible..
        onShow: function (event) {
            // Keep a reference to the qtip..
            that = this;
            // After 1ms (to let things settle down)
            setTimeout(function () {
                // Hide the qtip
                that.hide();
            }, 1); // change this value to have it stay on screen longer
        }
    },
    show: "mouseover"
});
0 голосов
/ 14 апреля 2014

Я знаю, что это старый вопрос, но на случай, если кто-то пройдет мимо, правильный способ сделать это в qTip2: (события вместо API)

events: {
            show: function(event, api){
                var that = this;
                setTimeout(function () {
                   // Hide the qtip
                    that.hide();
                }, 3000); // change this value to have it stay on screen longer
            }
        }
0 голосов
/ 12 февраля 2011

Я думаю, что ваш код правильный, но delay вызывает проблемы. 100 мс - это всего лишь 0,1 секунды, поэтому, возможно, qtip рендерится дольше, чем это время, в котором он еще не существует, когда ему говорят скрыться (только предположение).

Я бы увеличил задержку (вы, возможно, захотите, чтобы ваши пользователи увидели подсказку на несколько секунд) и посмотрел, поможет ли это. Вот пример, который использует 1000 мс: http://jsfiddle.net/andrewwhitaker/dVEYq/

...