Подсказка qTip2 остается открытой после нажатия - PullRequest
0 голосов
/ 18 декабря 2018

Я использую qtip2, чтобы заменить стандартные теги инструментов "title" на красиво отформатированные подсказки.Он прекрасно работает для установки и отображения подсказок почти во всех местах, используя один $ ('[title] [title! = ""]'). Each (function () {…} method.

Проблемазаключается в том, что в пользовательском интерфейсе есть несколько нажатий кнопок, которые заменяют div, на который мышь перешла, с частичным html от сервера, использующим .load (html), в этих случаях всплывающая подсказка не скрывается после новых частичных загрузок, она работаетв противном случае, например, любая другая кнопка с qtips, которые не заменяют div, заставляет всплывающую подсказку скрываться по желанию.

Я попытался вызвать $ ('[title] [title! = ""]').qtip ('hide'); перед выполнением .load (html), но, похоже, он не оказывает никакого влияния.

Что мне попробовать? Вот определение:

static updateTitles() {
    $('[title][title!=""]').each(function () {
        if (this.qtipLoaded === undefined) {
            this.qtipLoaded = true;
            $(this).qtip({
                content: {
                    text: function (api) {
                        // Retrieve content from TITLE attribute of the $('.selector') element
                        return $(this).attr('title');
                    }
                },
                position: {
                    my: 'top left',
                    at: 'bottom right',
                    target: 'mouse',
                    adjust: { y: 10 }
                },
                style: { classes: 'qtip-light qtip-rounded' }
            });
        }
    });
}

1 Ответ

0 голосов
/ 18 декабря 2018

Я обнаружил, что это работает, если я использую это:

hide: {
    event: 'click mouseleave'
}

Я изначально пробовал это с неправильным синтаксисом.

...