jQuery qTip：カスタムスタイルで位置を設定

Question

これは奇妙です - 私はjQuery qTipを使用しています。カスタムスタイルからどのようにしてツールチップを配置するかを設定できないようです。しかし、要素上で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" 
    } 
}); 

、この場合に何が起こるそれは常にそのようにその左上隅というツールチップを配置されます私はそれを付けている要素の右下隅に触れています。私がそのポジションに何を置いても、それは無視されます - それでも私の他のすべてのカスタムスタイルを拾います。

私は間違っていますか？

Answer 1

位置は、スタイル属性の一部ではありません。それはそれ自身のトップレベルのものです。

あなたは持っているあなたのコードを変更する必要があります

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

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