定位和翻转jQuery UI工具提示和指针 $(“.box”)。工具提示({ 秀:假,, 隐藏:错, 职位:{ 我的:“中底25”, 在“中心顶端”, 碰撞:“flipfit flip”, 使用:功能(位置、反馈){ $(this.css(position); $("") .addClass(“ui工具提示箭头”) .addClass(feedback.vertical) .addClass(feedback.horizontal) .附于(本); } } });

定位和翻转jQuery UI工具提示和指针 $(“.box”)。工具提示({ 秀:假,, 隐藏:错, 职位:{ 我的:“中底25”, 在“中心顶端”, 碰撞:“flipfit flip”, 使用:功能(位置、反馈){ $(this.css(position); $("") .addClass(“ui工具提示箭头”) .addClass(feedback.vertical) .addClass(feedback.horizontal) .附于(本); } } });,jquery,jquery-ui,tooltip,positioning,jquery-ui-tooltip,Jquery,Jquery Ui,Tooltip,Positioning,Jquery Ui Tooltip,演示: 除了右对齐的工具提示外,其他一切都正常工作 也有方法翻转他们的指针吗?事实是,在statement.addClass(feedback.horizontal)中,它实际上是在添加left类,因此它将箭头向左对齐 请通过将左类的内容更改为右类的内容进行检查,即。 将“.ui工具提示箭头.left”类的内容替换为“.ui工具提示箭头.right”类的内容 您将获得解决方案。旧线程,但如果有人遇到相同问题: 替换 $(".box").tooltip({ show: false,

演示:

除了右对齐的工具提示外,其他一切都正常工作


也有方法翻转他们的指针吗?

事实是,在statement.addClass(feedback.horizontal)中,它实际上是在添加left类,因此它将箭头向左对齐

请通过将左类的内容更改为右类的内容进行检查,即。 将“.ui工具提示箭头.left”类的内容替换为“.ui工具提示箭头.right”类的内容


您将获得解决方案。

旧线程,但如果有人遇到相同问题:

替换

$(".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 );
        }
    }
});


(feedback.horizontal不可靠)

这是您所期望的吗?不是。左对齐和中对齐的工具提示与我的演示中所期望的一样有效。您的演示更改了所有工具提示的行为。我想要的是,右对齐的工具提示将完全像左对齐一样显示,并且(水平)翻转/镜像。
.addClass(feedback.horizontal)
.addClass((feedback.element.left + 10 >= feedback.target.left ? 'left' : 'right'))