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

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

您必须将代码更改为

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

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

jQuery qTip：在自定义样式中设置位置

1 个答案: