定位和翻转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 );
        }
    }
});

但是：ぁzxswい

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

还有办法翻转他们的指针吗？

Answer 1

事实上，在语句.addClass（feedback.horizo​​ntal）中，它实际上是在添加左类，因此它将箭头向左对齐。

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

你会得到你的解决方案。

Answer 2

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

更换

http://jsfiddle.net/av4je/

同

.addClass(feedback.horizontal)

（feedback.horizo​​ntal不可靠）