2013-12-05 1 views
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/позиционирования и листать подсказки JQuery UI и указатели

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

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

+1

это то, что вы ожидали? Http: //jsfiddle.net/av4je/8/ – dreamweiver

+0

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

ответ

1

Вещь, в заявлении .addClass (обратная связь. Горизонтальная), фактически добавляет левый класс и, следовательно, выравнивает стрелку влево.

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

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