jQuery qTip：以自定义样式设置位置答案

【问题标题】：jQuery qTip: set position in custom stylejQuery qTip：以自定义样式设置位置
【发布时间】：2012-03-01 18:30:00
【问题描述】：

这很奇怪 - 我正在使用 jQuery qTip，但我似乎无法根据自定义样式设置工具提示的位置。但是，如果我在元素上调用 qTip 时定义位置，它就可以工作。也就是说……

这行得通：

$("#element").qtip({ content: "这是一个测试工具提示", 位置： { 角落： { 目标：“rightMiddle”，工具提示：“左中” } } });

但这不是：

$.fn.qtip.styles.custom = { 位置： { 角落： { 目标：“rightMiddle”，工具提示：“左中” } }, 提示：“左中” } $("#element").qtip({ content: "这是一个测试工具提示", 风格： { 名称：“自定义” } });

在这种情况下发生的情况是它总是放置工具提示，使其左上角接触到我要附加它的元素的右下角。无论我为该位置设置什么，它都会忽略它 - 但它会选择我所有的其他自定义样式。

我做错了什么？

【问题讨论】：

标签： jquery styles positioning target qtip

【解决方案1】：

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

你必须改变你的代码才能拥有

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

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

【讨论】：