jquery - 定位和翻转 jQuery UI 工具提示和指针

Question

$(".box").tooltip({
    show: false,
    hide: false,
    position: {
        my: "center bottom-25",
        at: "center top",
        collision: "flipfit flip",
        using: function( position, feedback ) {
            $(this).css( position );
            $("<div>")
                .addClass( "ui-tooltip-arrow" )
                .addClass( feedback.vertical )
                .addClass( feedback.horizontal )
                .appendTo( this );
        }
    }
});

演示：http: //jsfiddle.net/av4je/

除了右对齐的工具提示外，一切都按预期工作。

有没有办法也可以翻转他们的指针？

Answer 1

事情是，在语句 .addClass(feedback.horizo​​ntal) 中，它实际上是添加了左类，因此它使箭头向左对齐。

请通过将左侧类的内容更改为右侧类的内容来检查，即用“.ui-tooltip-arrow.right”的内容替换“.ui-tooltip-arrow.left”类的内容

你会得到你的解决方案。

Answer 2

旧线程，但如果有人遇到同样的问题：

代替

.addClass(feedback.horizontal)

和

.addClass((feedback.element.left + 10 >= feedback.target.left ? 'left' : 'right'))

（feedback.horizo​​ntal 不可靠）