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

Question

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

0

Я использую всплывающую подсказку jQuery для создания подсказок html для карты изображений. Однако, когда происходит зависание, всплывающие подсказки отображаются ниже всего изображения. Я хотел бы, чтобы всплывающая подсказка появлялась рядом с элементом области. Как бы я это сделал? Благодарю.

JQuery:

$("#trigger1").tooltip({ 
    items: "area",
    content: "<div class='tooltipContent'><h3>1896</h3><p>Bemidji became a town</p></div>"
});

html (образец):

    <div ice:editable="*" class="top_banner" id="top_banner" style="position: relative;">
        <img alt="" style="border-width: 0px; border-style: solid;" usemap="#Map2" src="_images/timeline2.jpg" />
        <map id="Map2" name="Map2">
        <area id="trigger1" href="#" coords="21,99,12" shape="circle" />
        </map>
    </div>

живая страница: http://www.securitybankusa.com/about-test.htm

Phorden 18 апр. 2014, в 00:06

Источник

0

Всплывающая подсказка () имеет опцию позиции, которую можно установить, вам нужно использовать ее с позицией области.
adeneo 17 апр. 2014, в 21:20
0

@adeneo Это полезно, но оно по-прежнему основано на изображении, а не на форме области.
Phorden 17 апр. 2014, в 21:26
0

С помощью position вы можете указать атрибут 'of', который является идентификатором, на котором будет основано позиционирование, а также использовать 'using: function (position, feedback) {$ (this.css (position);}, чтобы дать ему правильную позицию
xd6_ 17 апр. 2014, в 21:31

Показать ещё 1 комментарий

Теги:

jquery

html

jquery-ui

position

jquery-tooltip

1 ответ

Ещё вопросы

Всплывающая подсказка () имеет опцию позиции, которую можно установить, вам нужно использовать ее с позицией области.
@adeneo Это полезно, но оно по-прежнему основано на изображении, а не на форме области.
С помощью position вы можете указать атрибут 'of', который является идентификатором, на котором будет основано позиционирование, а также использовать 'using: function (position, feedback) {$ (this.css (position);}, чтобы дать ему правильную позицию

timeiscoffee · Answer 1 · 2014-04-17T19-32-00.000Z

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

Документация по позиции: http://api.jqueryui.com/tooltip/#option-position