позиционирование всплывающей подсказки jQuery

Я пытаюсь настроить расположение своих всплывающих подсказок, используя подсказку jQuery UI и этот код:

$(".karma").tooltip({
  position: {
    my: "center bottom",
    at: "right top"
  }
});

Но что бы я ни делал с «своим» и «у себя», ничего не меняется. Что я делаю неправильно?

Вот ссылка на раздел jQuery Tooltip API.


jquery jquery-ui jquery-ui-tooltip
person Jeff Pole    schedule 07.03.2013    source источник

Ответы (3)


arrow_upward
4
arrow_downward

В вашем коде нет ничего плохого. Однако, не видя вашего HTML, трудно сказать, почему он не работает.

Убедитесь, что вы загрузили скрипт jQueryUI: здесь. Также сделайте обертку кода с помощью $(document).ready(). Дайте мне знать, если у вас есть еще вопросы.

ДЕМО: http://jsfiddle.net/dirtyd77/SLGdE/16/

person Dom    schedule 07.03.2013
comment
Ну, я использую рельсы, конвейер ресурсов включен, и у меня есть эти строки в моем application.js. //= требуется jquery //= требуется jquery_ujs //= требуется jquery-ui. И он завернут внутрь готового документа - person Jeff Pole; 08.03.2013
comment
Соответствующая часть моего HTML-кода выглядит так: ‹p class=karma data-original-title=tooltip test›Оценка кармы‹/p› - person Jeff Pole; 08.03.2013

arrow_upward
2
arrow_downward

Если вы попали сюда из-за того, что ваше добавление позиционирования не работало (например, at: "right + 10"), то решение состоит в том, чтобы удалить все пробелы вокруг оператора.

Измените at: "right + 10" на at: "right+10", и это должно работать.

person Ben    schedule 24.07.2015

arrow_upward
0
arrow_downward

Вы можете попробовать это:

    my: "left-25 bottom", 
    at: "center"
person Othman Dahbi-Skali    schedule 14.01.2016
comment
Спасибо за публикацию ответа на этот вопрос! Этот ответ очень короткий и не дает большого контекста. Пожалуйста, объясните некоторые причины этого, и это станет намного полезнее для спрашивающего и будущих читателей. Спасибо! - person Maximillian Laumeister; 15.01.2016