2013-08-23 2 views
12

У меня есть приложение Django с интерфейсом, разработанным в Twitter Bootstrap 3. Все мои стили и JS работают отлично, включая модалы и т. Д. Но я не могу жизнь меня получает всплывающие подсказки для всплывающих окон.Bootstrap 3 Подсказки или Popovers не работают

Я не ошибаюсь в Firebug.

Вот порядок моего включает в себя:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script> 

Вот мой пример призыв к подсказке я взял прямо из начальной загрузки сайта:

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a> 

Кто-нибудь еще есть проблема с 2 элементы?

Я совершенно уверен, что это нечто глупое, что я сделал.

Все другие JS аффекты представлены в Bootstrap 3 как модальности & вкладки работают хорошо ...

+0

Не должен ли быть атрибут 'data-title', а не просто' title'? – knownasilya

+0

Скопировал пример непосредственно с сайта начальной загрузки. Переключил его на название данных, но все равно ничего не происходит ... В качестве побочной заметки я также удалил все другие JS в случае, если был какой-то странный конфликт, но это тоже не помогло. – xXPhenom22Xx

+0

Похож на ошибку где-то: http://jsfiddle.net/knownasilya/LhzwF/1/ Также см. Мой комментарий на @steakchasers. – knownasilya

ответ

33

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

$('some id or class that you add to the above a tag').tooltip() 
+0

Спасибо, я знал, что это было глупо ... =) – xXPhenom22Xx

+4

Вам не обязательно, поскольку данные api - это их первый класс api, а javascript - вторичный. См. [Здесь] (http://getbootstrap.com/javascript/#js-data-attrs). – knownasilya

+0

Когда я добавил кусок JS, он начал работать, я также подумал, что это не понадобится, но это определенно не так. – xXPhenom22Xx

1

Tooltips должен быть инициализирован с JQuery :

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> 

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

Проверить это link

Смежные вопросы