qTip2 提示点击后保持打开状态

Question

我正在使用 qtip2 将标准 "title" 工具标签替换为格式良好的工具提示。使用单个 $('[title][title!=""]').each(function () {…} 方法可以很好地在几乎所有地方设置和显示 qtips。

问题是在 UI 中，有一些按钮点击将 div 鼠标悬停替换为来自服务器的部分 html 使用 .load(html), 在这些情况下，工具提示不会在新的部分加载后隐藏，否则它可以正常工作，例如，任何其他具有不替换 div 的 qtips 的按钮都会导致工具提示隐藏为想要。

我尝试调用 $('[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' }
            });
        }
    });
}

Answer 1

我发现如果我使用这个就可以了：

hide: {
    event: 'click mouseleave'
}

我最初尝试使用错误的语法。

qTip2 提示点击后保持打开状态

qTip2 tip staying open after clicking

javascript

jquery

qtip2