qtip - 是否可以通过函数调用显示 qtip？

Question

我目前正在尝试创建一个文本选择脚本，以便人们可以标记文本，然后将其插入到表单中。

因此我想显示一个带有“发送到表单”链接的弹出窗口，但是我在使用 qtip(我在我的网站上到处都在使用)创建工具提示时遇到问题标记与否(如果我的脚本无法复制任何内容，则不应有链接)。

我正在使用此脚本进行选择检测:http://mark.koli.ch/2009/09/use-javascript-and-jquery-to-get-user-selected-text.html

如果当前有一个alert，稍后会调用一个qtip:

Kolich.Selector.mouseup = function(){
    var st = Kolich.Selector.getSelected();
    if(st!=''){
        alert("You selected:\n"+st); // here will be showQTipAtMouseButtonFixed()
    }
}

现在的问题似乎是整个 qtip 都集中在悬停上。我当然可以围绕 .qtip() 调用包装一个函数，但这并不能真正解决问题。然后工具提示将附加到我的函数并且仍然仅当我悬停它附加到的元素时显示。

这将是带有包装函数的 qtip

function showQTipAtMouseButtonFixed() {
    $('#content').qtip({
        content: 'Hello!',
        position: {
            target: 'mouse',
            adjust: { mouse: false }
        },
        hide: {
            fixed: true
        },
        style: {
            tip: true,
            classes: 'ui-tooltip-red'
        }
    });
}

使用 this 而不是 "#content"(我在相关帖子中看到)也不起作用。

但我希望它始终在后台处于事件状态，并在 Kolich.Selector 说“现在显示您!”时显示。

我还在 show: 'click' 上找到了提示 via Google ，但这也不是解决方案。它仅在您真正假设点击时才有效，但在我的情况下，它更像是双击或鼠标移动或键盘。

这可以用 qtip 实现还是我必须从头开始使用 CSS display？

Answer 1

你试过qtip的“show”功能吗？

function showQTipAtMouseButtonFixed()
{
   $('#target').qtip({
       // your options

       show: '',
       hide: '',

       content: {
            prerender: true, // important
            text: 'Whatever you want to display'
       }
   }).qtip('show');
}