Не работает popover в bootstrap

narkom6n 15.02.2014 Стили (CSS), jQuery 8217

вопрос

Всем привет! Вот уже как несколько часов пытаюсь настроить popover из bootsrap, но все безуспешно. Даже не знаю в чем может быть проблема. Скрипт ни в какую не хочет срабатывать.

Создал страницу, что бы вы посмотрели в чем моя ошибка. Буду очень благодарен.

http://rustsrv.ru/pop.html

Ответа пока нет

7 комментариев

Юзер

selmers - 2015-04-1515 февраля 2014 18:18 - #23597

Показать / Скрыть текст


<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>Twitter Bootstrap Popover Example</title> 
<meta name="description" content="This is an example to create Popover with Twitter Bootstrap.">
<link href="/twitter-bootstrap/twitter-bootstrap-v2/docs/assets/css/bootstrap.css" rel="stylesheet"> 
</head>
<body>
<div class="container">
<h2>Example of creating Popover with Twitter Bootstrap</h2>
<div class="well">
<a href="#" id="example" class="btn btn-success" rel="popover" data-content="It's so simple to create a tooltop for my website!" data-original-title="Twitter Bootstrap Popover">hover for popover</a>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-tooltip.js"></script>
<script src="/twitter-bootstrap/twitter-bootstrap-v2/js/bootstrap-popover.js"></script>
<script>
$(function ()
{ $("#example").popover();
});
</script>
</body>
</html>

Думаю поможет.

Юзер

narkom6n - 2015-04-1515 февраля 2014 18:25 - #23600

И как мне должен помочь тот же самый код?

Юзер

795

D0Gmatist - 2015-04-1515 февраля 2014 20:56 - #23611

ооп по бутстрапу прочтите

Админ

3457

ПафНутиЙ - 2015-04-1515 февраля 2014 21:05 - #23613

https://gist.github.com/9022030 думаю дело в руках.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

narkom6n - 2015-04-1516 февраля 2014 08:43 - #23627

Хотелось бы у себя подключать, но когда к себе подключаю popover не работает. В чем может быть проблема?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="{THEME}/js/bootstrap-popover.js"></script>
<script src="{THEME}/js/bootstrap-tooltip.js"></script>

Юзер

lutsyi - 2015-04-1521 декабря 2014 13:57 - #38772

Ты ошибся в порядке подключения скриптов bootstrap-popover и bootstrap-tooltip. Сделай вот так:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> // не обязателен для работы скриптов бустрапа

<script src="{THEME}/js/bootstrap-tooltip.js"></script>
<script src="{THEME}/js/bootstrap-popover.js"></script>

Вызов информера:

jQuery(document).ready(function($) {
$('[data-toggle=popover]').popover();
});

Юзер

795

D0Gmatist - 2015-04-1516 февраля 2014 01:35 - #23623

я об этом и не хотел говорить в открытую )))

non-stop | Как решить проблему индексации DLE в пои ... ¹

non-stop
Как решить проблему индексации DLE в поиске Bing?
19-12-2024, 17:02

Забыл написать что обновился до последней версии 17.3
Интересно узнать, это только у меня проблема, или это проблема движка? проверьте свои сайты на наличие в поиске Bing.
В 11 винде именно эта поисковая система стоит по умолчанию . кроме того эта же поисковая система отвечает за индекс еще одного поисковика - yahoo. Эти системы могут давать дополнительный процент пискового трафика на сайты.
lutskboy | Как максимально грамотно организовать до ... ¹

lutskboy
Как максимально грамотно организовать добавление материалов через SQL-запросы?
18-12-2024, 21:39

все верно. related_ids автоматом заполняется потом.
derebas | Убираем xfsearch из адресной строки ⁷

derebas
Убираем xfsearch из адресной строки
16-12-2024, 02:35

в правилах транслитерации для tagvalue поставьте замену " " => "-", например так
str_replace(array('.', ' ', '/', '&', "'", '+', '«', '»', ':', '!'), array('', '-', '-', 'and', '', '', '', '', '', '')
toxicpioner | Убираем xfsearch из адресной строки ⁷

toxicpioner
Убираем xfsearch из адресной строки
15-12-2024, 19:31

если в доп поле есть пробел, будет выдавать просто 403 стр
dj-avtosh | Воспользовался хаком удаление html из ад ... ²

dj-avtosh
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
12-12-2024, 17:26

Нужно правило с year поднять выше всех в .htaccess
TeraMoune | Воспользовался хаком удаление html из ад ... ²

TeraMoune
Воспользовался хаком удаление html из адресной строки у новости, появилась ошибка, как пофиксить?
11-12-2024, 22:12

У вас убрано слишком много отличительных признаков в ссылках и теперь ссылки пересекаются. Убрали xfsearch, убрали html, а так же зачем то убрали дефиз разделяющий id и alt_name. Теперь некоторые ссылки будут отвечать выражению под правила ссылок новостей. Исправить вы можете только переосмыслив эти ссылки и добавить в них каких-то отличительных особенностей, переосмыслить чпу.
toxicpioner | Как упорядочить ID новостей ¹⁹

toxicpioner
Как упорядочить ID новостей
9-12-2024, 22:24

***Комментарий удален***
DnCnv | Как показать только одну категорию, к ко ... ¹

DnCnv
Как показать только одну категорию, к которой принадлежит новость?
9-12-2024, 01:46

***Комментарий удален***
web102 | Почему не отображается картинка в галере ... ³

web102
Почему не отображается картинка в галерее?
4-12-2024, 11:49

дайте адрес сайта. можно в личку
Shandi | Почему не отображается картинка в галере ... ³

Shandi
Почему не отображается картинка в галерее?
3-12-2024, 08:53

Мне как ламеру ничего не понятно:( Кто-то это исправляет за денужку?