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 
});