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