2012-03-01 49 views
1

这是奇怪的 - 我使用jQuery qTip,我似乎无法设置工具提示的位置,我想从自定义样式中获得。但是,如果我在元素上调用qTip时定义了位置,它就会起作用。换句话说...jQuery qTip:在自定义样式中设置位置

这工作:

 
$("#element").qtip({ 
    content: "This is a test tooltip", 
    position: { 
     corner: { 
      target: "rightMiddle", 
      tooltip: "leftMiddle" 
     } 
    } 
}); 

但这并不:

 
$.fn.qtip.styles.custom = { 
    position: { 
     corner: { 
      target: "rightMiddle", 
      tooltip: "leftMiddle" 
     } 
    }, 
    tip: "leftMiddle" 
} 

$("#element").qtip({ 
    content: "This is a test tooltip", 
    style: { 
     name: "custom" 
    } 
}); 

在这种情况下会发生什么事是它始终将提示使得它的左上角正在触摸我附加到的元素的右下角。无论我为这个职位设置什么,它都会忽略它 - 但它会提取我所有其他自定义样式。

我在做什么错?

回答

1

位置不是Style属性的一部分。这是它自己的顶级水平。

你必须改变你的代码有

var custom_position = {corner: { 
      target: "rightMiddle", 
      tooltip: "leftMiddle" 
     }}; 

$("#element").qtip({ 
    content: "This is a test tooltip", 
    style: { 
     name: "custom" 
    }, 
position: custom_position 
}); 
相关问题