Почему не работает tooltip на сайте от Bootstrap?

Question

[keslo]

Добрый день! Я не особо просвещен в области программинга.
Не работает Tooltip на сайте сделанном на Bootstrap. Вроде бы все сделал как надо:

- Указал путь до bootstrap.js в head
- Создал ссылку вида

<a href="#" rel="tooltip" data-placement="top" data-original-title="Tooltip on top">Tooltip on top</a>

Но по клику по ссылке перегружает страницу. Видимо что-то я не так сделал.

P.S. по требованию сообщества дам ссылку на страницу, где это используется. Заранее не размещаю, дабы "не реклама". Возможно и не понадобится, так как укажите на изначалный недочет.

Answer 1

[Степан]

В шапке прописали jquery ?
<script src="bootstrap/js/jquery.js"></script> ?
Что бы работало, нужно так же написать функцию обработки.

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

Comments

[keslo]

Сейчас проверю.

[keslo]

1. У меня так <code lang="html"><script src="http://code.jquery.com/jquery-latest.js"></script></code> 2. Добавил функцию обработки. Пока не работает. Вот ссылка на страницу http://www.top-ocenka.com/ocenka-registracziya_ooo.html. В самом верху области контента.

[Юрий Лобанов]

Страница не найдена или не существует. Ссылка на jquery нормальная, все должно работать. А почему Вы кликаете на ссылку, вроде бы тултип должен по наведению на ссылку работать.

[keslo]

@iiil Извиняюсь. Вот http://www.top-ocenka.com/index.php?id=696

[keslo]

@iiil Заработало! Было пусто просто в data-original-title. Но, видимо, помогло именно написание функции обработки.

[Юрий Лобанов]

Да, без нее не работало бы, а я как раз писал Вам, что надо title заполнить :-)

[keslo]

Благодарю!

[Юрий Лобанов]

Ну, решение Вам не я подсказал )

[lynnikvadim]

keslo:
Все прописано -но так и не работает.
bootstrap-ru.com/203/javascript.php#tooltips
дебаггер пишет что в этом файле есть ошибка.

Answer 2

[Илья]

Столкнулся с такой же проблемой, оказалось что просто не подходит версия JQuery. Не работает с JQuery 2.* если поставить JQuery 1.* все отлично, проблема в том, что в 2 версии нет 'on'

Comments

[Игорь Васильев]

Я тоже столкнулся с ошибкой отсутствия функции on, но что самое забавное, так это то, что я сделал сайт на Yii2, и установил 3 лэяута, так вот, в двух tooltip работает, а в третьем - нет, хотя css и js файлы подключены одинаковые. Ругается именно на jQuery!

Answer 3

[Andrey_Drobov]

У меня аналогичная ситуация была связана с неправильным употреблением атрибута. Я исправил атрибут "title" на "data-title". И всё заработало.