JQuery всплывающая подсказка абсолютная позиция над ссылкой, которая находится внутри текста абзаца? - PullRequest
0 голосов
/ 15 января 2011

Я пытаюсь получить положение элемента HTML внутри абзаца.Например.пролет или якорь.Мне также нужна ширина элемента.

Чтобы при наведении курсора на объект я мог динамически активировать / строить / показывать панель инструментов / всплывающую подсказку над элементом.

Мне нужноон должен быть динамически добавлен к существующему контенту, так что некоторые «ищут-заменяют» jQuery, который сканирует элементы, например, в.DIV, а затем делает это для всех, что соответствует этой «функции».

Основная проблема / вопрос:

Как мне получить «текущую абсолютную» позицию элемента, с которым я нахожумышь.Я не хочу, чтобы панель инструментов / всплывающая подсказка следовали за мышью, но вместо этого она должна «привязываться» к элементу, на который она наведена.поэтому я подумал: «поместите BOX -20px из текущего элемента. Соответствие ширины ....

Возможно? Есть ли плагин jQuery для этого уже - или?

Пример кода:

  <div class="helper">

      <h1>headline</h1>

      <p>Here is some sample text. But <a href="somewhere.htm" class="help help45">this is with an explanation you can hover</a>. <a href="somewhereelse.htm">And this isnt.</a>

      <ul>
          <li>We could also do it <a href="somewhere.htm" class="help help32">inside a bullet list</a></li>
      </ul>

  </div>

.help - это класс, вызывающий «помощь», а .help45 или .help32 - это раздел помощи, который необходимо показать (но это еще одна задача позже, так как я надеюсь получить «id» из«help45», так что serverlookup для id = 45 может загрузить текст, который нужно показать.

Примечание: если страница прокручивается и т. д., подсказка все еще должна следовать за элементом на странице, пока он не будет закрыт / скрыт.

1 Ответ

0 голосов
/ 15 января 2011

Плагин jQuery Tooltip

http://jquery.bassistance.de/tooltip/demo/

...