Question

我正在开发一个工具提示。它必须显示我点击一个href，我想通过单击外部工具提示或延迟后隐藏它。我正在这样做：

$('#aiuti').qtip({
        content: {
            text: "In questa sezione e' possibile pianificare l'invio delle notifiche scegliendo Il Target degli utenti - il Tipo di notifica - Titolo della notifica - Il Messaggio - Periodicita' invio e date - inoltre la periodicita' e gli stati di invio possono essere verificati da apposito pannello con filtri di ricerca."
        },
        show: {
            event: 'click'
        },
        hide: {
            delay: 1000
        }
    }).click(function() {
        var _$this = $(this);

        if(_$this.html() === 'Attiva aiuti') {

            _$this.html('Chiudi aiuti');
        } else {
            _$this.html('Attiva aiuti');
        }
    })

这样，如果延迟后工具提示将隐藏，如果我再次点击链接，则会再次显示工具提示。我能怎么做？你能救我吗？

Answer 1

我找到了两种方法：

延迟后隐藏工具提示的第一个：

$('#aiuti').qtip({
   content: {
            text: "text text text"
    }
    ,show: {
        event: 'click',
        solo: true // Only show one tooltip at a time
    }
    ,hide: {
        delay: 1000
    }
}

或者在工具提示外单击后：

$('#aiuti').qtip({
    content: {
            text: "text text text"
    }
    ,show: {
        event: 'click',
        solo: true // Only show one tooltip at a time
    }
    ,hide: {
        event:'unfocus'
    }
}

结合这两种方式似乎最有效，但您可以尝试在documentation

中找到解决方案

如何管理工具提示jquery

1 个答案: