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.horizontal）中，它实际上是在添加左类，因此它将箭头向左对齐。

请通过改变左班的内容和正确的班级内容来检查，即替换＆＃34; .ui-tooltip-arrow.left＆＃34;的内容按＆＃34; .ui-tooltip-arrow.right＆＃34;的内容分类

您将获得解决方案。

Answer 2

旧线程，但是如果有人遇到相同问题：

替换

.addClass(feedback.horizontal)

使用

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

（feedback.horizontal不可靠）

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

2 个答案: