qTip2：如何在工具提示中显示工具提示？

Question

我正在使用qTip2来显示一个文本框，其中有一个链接。当鼠标悬停在此链接上时，我想显示工具提示。

无法弄清楚如何做到这一点。

首先，这可行吗？然后如果是的话？

感谢您的帮助！

修改

二面体，非常感谢你的信息。我按照你的方法，但它仍然无法正常工作。我查看了页面的html代码并注意到在你的jsFiddle代码中，为第二个工具提示弹出窗口生成了额外的html（通过qTip）。但在我的情况下，我找不到这样的额外HTML。

以下是我的代码，这是jsFiddle链接http://jsfiddle.net/mddc/bacqe/6/

    $('#author').qtip({
    content: {
        text: $('#author-container').html()
    },
    show: {
  solo: false,
        event: 'mouseover'
    },      
    hide: {
        event: 'unfocus'
    },
    style: {
        tip: false,
        classes: 'author-content forcedzLowIndex'
    },      
    position: {
        my: 'top right',
        at: 'bottom right'
    },
    events: {
        render: function() {
            buildQtipInfoTooltip($('#author-allow-friends-link'), 'title', 'forcedzHighIndex');
        }
    }
}); 

function buildQtipInfoTooltip(jEle, attr_name, classes) {
    jEle.qtip({
        content: jEle.attr(attr_name),
        position: {
            at: 'bottom right',
            viewport: $(window),
            adjust: {
                y: 4,
                x: 0,
                method: 'shift'
            }
        },
        style: {
            classes: 'tooltip' + ' ' + classes,
            tip: false
        }
    }); 
}   

.forcedzLowIndex {
    z-index: 10000 !important;
}

.forcedzHighIndex {
    z-index: 99999 !important;
}   

Answer 1

修改我的答案以使用您的示例代码：

您的第一个qTip使用

content: {
    text: $('#author-container').html()
},

的内容。该技术将导致＃author-container元素的克隆，而不是使用现有元素。因此，您的第二个qTip正在应用，但它已应用于从未出现在屏幕上的元素。

我带走了.html（），它对我有用。试试这个：http://jsfiddle.net/bacqe/13/

content: {
    text: $('#author-container')
},