как скрыть / закрыть qTip2 без селектора? - PullRequest
0 голосов
/ 14 февраля 2012

Я динамически генерирую всплывающую подсказку qTip2 и хочу закрыть / скрыть ее от функции JavaScript, как я могу это сделать? есть идеи?

Вот так я генерирую qTip2:

    var ToolqTip = $('<div />').qtip({
        content: {
            text: this.html,
            title: {
                text: currentItem["Item"].name,
                button: true
            }
        },
        position: {
            at: "right center",
            my: "left center"
            //target: $("#location_header")
            ,adjust: {
                method: "flip shift",
                x: 15, y: -25
            }
            ,target: pos
            //,viewport: $('#map_canvas')
            //,container: $('#map_canvas') // this one prevents overlaping
        },
        show: {
            ready: true,
            event: false,
            solo: true
        },
        style: {
            classes: 'ui-tooltip-shadow ui-tooltip-jtools'
        }
        /*,
                    hide: {
                        event: 'mouseleave unfocus'
                    }*/
    });

Я хочу закрыть его от вызова этой функции

function pleaseClose(){
    $().qtip('hide'); // NOT WORKING :(
}

есть идеи? Пожалуйста!

Ответы [ 3 ]

1 голос
/ 14 февраля 2012
function pleaseClose(){
    ToolqTip.hide()
}

должен это сделать ...

0 голосов
/ 26 сентября 2014
function pleaseClose(){
    $(ToolqTip).qtip('toggle', 'false');
}
0 голосов
/ 22 мая 2014

Вы можете вызвать API для переключения видимости

 function pleaseClose(){
   var api = $('yourSelector').qtip();
   api.toggle(false); //hide
 };

Для отображения:

 api.toggle(true); //show
...