JQuery легкая подсказка script рекомендация

Я ищу легкий jQuery script для всплывающих подсказок, который является легким и может быть легко использован с картами изображений... В идеале он автоматически будет использовать заголовок каждого тега области в качестве всплывающей подсказки. Причина в том, что у меня есть сотни областей (карта мира), и строка кода для каждой подсказки скоро будет добавлена ​​в размер файла.

qTip может это сделать... но его 38kb... который больше, чем даже сам jQuery. Любые рекомендации?

Ответы

Ответ 2

vTip может быть хорошим кандидатом (см. demo). Он немного устарел, но он мертв просто и должен работать.

Вы просто пометите свой элемент DOM, добавив на него class= "vtip", например

<a href="#" title="Tooltip content" class="vtip">Tooltip test</a>

Несжатый JS файл составляет всего 4 КБ.

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

Ответ 3

PowerTip

http://stevenbenner.github.io/jquery-powertip/

PowerTip имеет очень гибкий дизайн, который легко настроить

  • Поддерживает статические всплывающие подсказки, а также подсказки, которые следуют за мышью.
  • Возможность позволить пользователям нажимать на всплывающие подсказки и взаимодействовать с их контентом
  • Мышащие подсказки привязаны к окну просмотра браузера.
  • Легкий JS ~ 10KB, CSS ~ 2KB

Типсы

http://onehackoranother.com/projects/jquery/tipsy/

Он используется Twitter, Github, Slideshare и Bitbucket, среди прочих.

  • Легкий JS ~ 10KB, CSS ~ 2KB

Ответ 4

Я использую творчески под названием "JQuery Tooltip": демо здесь. Хорошо работает с картами изображений и легко настраивается с помощью CSS.

(По совпадению, я пробовал qTip с картами изображений и обнаружил странную ошибку в сочетании с плагином Map Hilight).

Ответ 5

После больших исследований ни один из ответов на этот вопрос не дал мне удовлетворения.

Мне нужно было одно решение, которое было легким, не оставило без внимания как Типси (последнее обновление лет назад, исправление ошибок с ошибкой 63 ошибок, проигнорированное автором), и я могу использовать в качестве типичной подсказки как подсказку для полей формы при наведении, а также для динамического проверка поля после отправки формы.

Действительно хороший, как упоминалось ранее PowerTip, но есть большая проблема с ним: вы можете видеть только одну всплывающую подсказку сразу. Для меня это дисквалификация, я проверил ресурсы и это основное предположение автора - только одна подсказка сразу, есть один единственный объект DOM для всех всплывающих подсказок и т.д.

Tooltipster

Потеряв еще один час, я нашел решение, которое именно то, что мне нужно: Tooltipster. Его очень легко реализовать (очень похоже на PowerTip), но он позволяет вам готовить и показывать сразу несколько всплывающих подсказок. Другим преимуществом является факт не использования изображений вообще, это только js (~ 12k) и css.

Надеюсь, это сэкономит много часов исследований кому-то.