Позиционирование и отображение подсказок и указателей jQuery UI

Question

Позиционирование и отображение подсказок и указателей jQuery UI

0

$(".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/

Все работает по назначению, кроме всплывающих подсказок с выравниванием по правому краю.

Есть ли способ перевернуть их указатели?

user3070261 05 дек. 2013, в 14:12

Источник

1

это то, что вы ожидали? jsfiddle.net/av4je/8
dreamweiver 05 дек. 2013, в 13:11
0

Нет. Выровненные по левому краю и по центру всплывающие подсказки работают, как и ожидалось, в моей демонстрации. Ваше демо изменило поведение для всех подсказок. Я хочу, чтобы выровненные по правому краю всплывающие подсказки отображались точно так же, как по левому краю, и были бы (горизонтально) перевернуты / зеркально отражены.
user3070261 05 дек. 2013, в 13:45

Теги:

jquery

jquery-ui

jquery-ui-tooltip

tooltip

positioning

1 ответ

Ещё вопросы

это то, что вы ожидали? jsfiddle.net/av4je/8
Нет. Выровненные по левому краю и по центру всплывающие подсказки работают, как и ожидалось, в моей демонстрации. Ваше демо изменило поведение для всех подсказок. Я хочу, чтобы выровненные по правому краю всплывающие подсказки отображались точно так же, как по левому краю, и были бы (горизонтально) перевернуты / зеркально отражены.

Nishank · Answer 1 · 2014-12-27T17-51-00.000Z

Вещь в выражении.addClass(feedback.horizontal), на самом деле добавляет левый класс и, следовательно, выравнивает стрелку влево.

Пожалуйста, проверьте, изменив содержимое левого класса с содержимым правого класса, то есть замените содержимое класса ".ui-tooltip-arrow.left" содержимым ".ui-tooltip-arrow.right"

Вы получите свое решение.