在顶部显示工具提示

时间:2014-02-20 18:20:24

标签: jquery qtip

我正在使用qtip显示工具提示,一切似乎都很好但是当我将工具提示的位置再次设置到顶部工具提示时,会显示在底部:

这是我的javascript代码:

$(document).ready(function () {

$('#plus_entity').qtip({
    content: 'This is an active list element</br>This is an active list element',
    show: 'mouseover',
    hide: 'mouseout',
    position: {
        corner: {
           target: 'topRight',
           tooltip: 'topRight'
        }
     },
style: {
     /*classes: 'test'*/
    classes: 'qtip-dark'
 }
});

});

这是我的链接:http://jsfiddle.net/hminaee/22v2F/5/

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

你必须改变“位置”属性。在“。喜欢这个:

使用”我和“
position: {
    my: "bottom left",
    at: "top left",            
    corner: {
       target: 'bottomRight',
       tooltip: 'bottomLeft'
    }
 },

我更新了你的jsfiddle:http://jsfiddle.net/22v2F/6/