Всплывающие подсказки JavaScript в Active Twitter

Я играю с Twitter Bootstrap Tooltips, но у меня проблемы, так как они отошли от Twipsy. Исправленный JavaScript включен в страницу.

Скажем, у меня есть следующее:

<p><a href="#" rel="tooltip" data-original-title="hello">hover on me</a></p>

Каков точный JavaScript, который я должен использовать для создания всплывающей подсказки?

Спасибо заранее!

  • Ванесса

Ответы

Ответ 1

Вам нужно явно запустить .tooltip() для всех элементов, которые должны иметь всплывающую подсказку. Например, это будет работать:

<span rel="tooltip" title="tooltip text">some text</span>
...
<script src="/js/jquery.js"></script>
<script src="/js/bootstrap.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $("[rel=tooltip]").tooltip();
  });
</script>

Ответ 2

Для вашего примера это будет просто:

$('a').tooltip();

но в соответствии с документацией вы должны использовать атрибут title, а не data-original-title. Этот атрибут добавляется кодом всплывающей подсказки Bootstrap. Также нет необходимости в rel="tooltip".

Ваш код должен быть:

HTML:

<a href="#" title="hello">hover on me</a>

JS:

$("a").tooltip(); // this will trigger a tooltip on all <a> elements

Ответ 3

В Bootstrap нам нужно вручную инициализировать подсказки

упомянутых в их Документации.

 <script type="text/javascript">
$(function () {
    $("[data-toggle='tooltip']").tooltip();
});</script>

Ответ 4

вам нужно точно

  <script src="bootstrap-tooltip.js "></script>
  <script>
    $(function (){
$('a').tooltip();
 });