Всплывающая подсказка не работает

Question

Мой JavaScript:

<script>
    $(function(){
        $('a[rel=tooltip]').tooltip();
    });
​</script>

И мой HTML:

<br><br><br>This is an example of a sentence with a
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>!

Это не показывает всплывающую подсказку Bootstrap 2.0, но показывает некоторую по умолчанию.

Answer 1

Попробуйте добавить код в нижний колонтитул.это сработало для меня!по какой-то причине это не работает в шапке!

Answer 2

Допустим, вы объявили свои всплывающие подсказки следующим образом:

<a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a>

В том же файле убедитесь, что вы включили:

<script type="text/javascript">
     $('.tip').tooltip();
</script>

Обратите внимание, что вы должны либо ссылаться на этот код после HTML-кода, на который он ссылается, либо заключить его в

<script type="text/javascript">
    $(document).ready(function() {
        $('.tip').tooltip();
    });
</script>

Также обратите внимание, что селектор jQuery относится к классу подсказок, а не только к идентификатору одной подсказки.

Answer 3

Убедитесь, что у вас есть все стили CSS для загруженного класса .tooltip.

Без них подсказка может отображаться за пределами видимой части окна вашего браузера.