jquery - 是否可以通过编程方式设置 Qtip 的位置？

Question

我目前正在实现 Qtip2工具提示遍布我的网站，而且运行良好。

但是，我需要在每个元素的基础上设置工具提示的位置。为此，我设置了几个 data 属性，如下所示:

<img src="/images/help-icon.png" 
    class="tooltip" 
    title="Lorem ipsum dolor sit amet consectetur adipiscing elit" 
    data-tooltip-my-position="right center" 
    data-tooltip-target-position="left center" />

我尝试使用函数来获取数据属性，但是 my 和 at 属性似乎不接受函数，因为这只是放置工具提示在右下/左上，这似乎是默认位置。

$(this).find('.tooltip').qtip({
    show: {
        event: 'mouseenter click'
    },
    position: {
        my: function() {
            return $(this).data('tooltip-my-position'); // doesn't work
        },
        at: function() {
            return $(this).data('tooltip-target-position'); // doesn't work
        }
    }
});

我已经浏览了documentation ，但似乎没有关于在初始化时或初始化后以编程方式设置定位属性的指导。

有谁知道我想做的事情是否可行，如果可以，如何实现？

Answer 1

我刚刚想出了一个解决方案，通常在我在这里发布后就足够了。

我将一个函数连接到 show 事件，该函数将目标元素作为参数传递，然后我可以从中获取 data 属性:

$(this).find('.tooltip').qtip({
    show: {
        event: 'mouseenter click'
    },
    events: {
        show: function(event, api) {
            var $el = $(api.elements.target[0]);
            $el.qtip('option', 'position.my', $el.data('tooltip-my-position') || 'right center');
            $el.qtip('option', 'position.at', $el.data('tooltip-at-position') || 'left center');
        }
    }
});

我会将这个答案留在这里，以防将来对某人有用。