Использование плагина jQuery Tooltip

Question

Я использую этот плагин jQuery Tooltip .

Я пытаюсь эмулировать пример для Ex.3 при наведении на него курсора, то есть я бы хотел, чтобы моя подсказка отображалась ниже в моем примере.

Я могу заставить всплывающую подсказку отображаться правильно, но по какой-то причине она отображается не справа, а справа от моего изображения при наведении.

Как я могу заставить его появляться под моим изображением, а НЕ справа? В настоящее время мое изображение установлено в правом верхнем углу моей веб-страницы.

Answer 1

Ух ты, что во всплывающей подсказке буквально нет документации, кроме этой страницы. ,, похоже, что позиция всплывающей подсказки зависит от того, где она находится на странице. Чем ближе это к верху страницы, тем ниже появится подсказка.

Лично я бы порекомендовал использовать другой скрипт всплывающей подсказки, который позволяет вам установить позицию всплывающей подсказки. Что-то вроде jQuery Tools Tooltip или qTip .

---

Очевидно, что выпущенный в настоящее время скрипт qTip не работает с jQuery 1.4.2, но вы можете загрузить текущую версию сборки , которая работает правильно.

Вот пример кода, который покажет вам, как его использовать, и демо :

$(document).ready(function(){
 $("#demo").qtip({
   content: 'Tooltip Content goes here',
   style: { 
      name: 'cream',           // Inherit from preset style
      tip:  'topMiddle'        // adds the pointy part to the tooltip window
   },
   textAlign: 'center',        // Center the tooltip contents
   position: {
    corner: {
     target: 'bottomMiddle',   // Location of tooltip relative to #demo when it opens
     tooltip: 'topMiddle'      // Portion of tooltip that meets with the target
    }
   }
 });
});