2009-10-08 4 views
2

Я использую JQuery плагиной подсказки - http://docs.jquery.com/Plugins/TooltipJQuery подсказка плагина: всплывающие подсказки с указанием в нижней части страницы

С базовой реализацией:

$(".tooltip").tooltip(); 

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

вход является основным и, как это:

<input type="text" name="testTooltip" class="tooltip" title="This is the tooltip" /> 

Я раздел КСС в entirity и проблема остается (нет встроенного CSS).

Любые идеи относительно того, что может быть причиной этого?

ответ

10

У меня была та же проблема, потому что я не был в том числе стилей по умолчанию, предусмотренных в jquery.tooltip.css:

#tooltip { 
    position: absolute; 
    z-index: 3000; 
    border: 1px solid #111; 
    background-color: #eee; 
    padding: 5px; 
    opacity: 0.85; 
} 
#tooltip h3, #tooltip div { margin: 0; } 

Вы можете либо использовать Firebug с Firefox, чтобы проверить стили, применяемые к #tooltip DIV, или вы можете проверить свои таблицы стилей, чтобы убедиться, что эти стили включены. В частности, «позиция: абсолютная»; имеет решающее значение.

+0

Это исправлено, спасибо. – bcmcfc

+0

Если у вас уже есть этот css, см. Здесь другое исправление css: https://stackoverflow.com/a/46347089/2440 – Sire

0

Плагин всплывающей подсказки зависит от dimensions plugin - у вас есть что загружено?

+0

Спасибо, это был хороший крик, у меня его не было. Однако я загрузил его, и я все еще испытываю ту же проблему. – bcmcfc