2012-03-01 71 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 
}); 
相關問題