Question

我正在使用qtip2用格式正确的工具提示替换标准的“标题”工具标签。使用单个$（'[title] [title！=“”]'）。each（function（）{…}方法。）在几乎所有位置设置和显示qtip效果很好。

问题是用户界面中有一些按钮单击，使用.load（html）用服务器上的部分html替换鼠标悬停的div，在这种情况下，工具提示不会在新的提示后隐藏局部加载，否则效果很好，例如，其他任何具有qtip而不替换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' }
            });
        }
    });
}

Answer 1

我发现如果我使用它，它会起作用：

hide: {
    event: 'click mouseleave'
}

我本来是用错误的语法尝试过的。

单击后，qTip2尖端保持打开状态

1 个答案: