Помогите настроить Bootstrap Popover - бьюсь несколько часов.

Р
На сайте с 07.02.2013
Offline
177
8845

Приветствую. Помогите настроить Bootstrap Popover.

Получается сделать только один popover, второй и другие не работают на одной странице.

Вот пример, в котором подключено полностью, скачанное с оффсайта - это:

<script src="http://yandex.st/jquery/1.9.1/jquery.min.js"></script>

<script src="/js/bootstrap.js"></script>
<link href="/css/bootstrap.css" rel="stylesheet">

В этом примере вообще ничего не работает.

А вот пример, в котором вставлено в страницу также скачанное с официального сайта, но не полностью, а отдельными, нужными компонентами:

<script src="http://yandex.st/jquery/1.9.1/jquery.min.js"></script>

<script src="components/bootstrap-tooltip.js"> </script>
<script src="components/bootstrap-popover.js"> </script>
<link href="components/bootstrap-popover.css" rel="stylesheet">

В этом примере работает только одна подсказка, вторая и другие нет.

Помогите пожалуйста корректно запустить этот скрипт таким образом, чтобы работал.

Вот вызов Popover dj втором примере:

<span id="what" rel="popover" data-content="CONTENT" >Первый</span>

<br />
<span id="what" rel="popover" data-content="CONTENT" >Второй</span>
Mik Foxi
На сайте с 02.03.2011
Offline
1176
#1

id менять надо наверное, чтоб работали все.

Антибот, антиспам, веб файрвол, защита от накрутки поведенческих: https://antibot.cloud/ Форум на замену серчу: https://foxi.biz/
Р
На сайте с 07.02.2013
Offline
177
#2
foxi:
id менять надо наверное, чтоб работали все.

А если на странице 100 таких popover'ов (пока для примера - четыре(сменил id у второго и добавил доп. функцию в JS)), то в JS нужно писать 100 функций?😮

$(function() {

$('#what').popover({

placement: "bottom",

title: "Заголовок",

trigger: "hover"

});

});

$(function() {

$('#what1').popover({

placement: "bottom",

title: "Заголовок",

trigger: "hover"

});

});

... и т.д.

Это же не совсем разумно.

На странице будет около 200 строк. К каждой потребуется такой popover - это же какого размера будет файл JS?😮

Есть ли другие варианты?

bay_ebook
На сайте с 28.05.2010
Offline
111
#3

ну во-первых циклы есть

Во-вторых - может класс подойдет.

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
Р
На сайте с 07.02.2013
Offline
177
#4
bay_ebook:
ну во-первых циклы есть
Во-вторых - может класс подойдет.

А можете подробнее, я то я не "шарю" в циклах.

Действительно, заменил ID классом и все заработало. Спасибо вам. Можете объяснить, почему именно так?

bay_ebook
На сайте с 28.05.2010
Offline
111
#5
рецидивист:
А можете подробнее, я то я не "шарю" в циклах.

Действительно, заменил ID классом и все заработало. Спасибо вам. Можете объяснить, почему именно так?

Потому, что id может быть одно на странице (то есть каждое id должно быть уникальное и не может повторяться)

А класс он для того и предназначен - для толпы элементов.

Р
На сайте с 07.02.2013
Offline
177
#6
bay_ebook:
Потому, что id может быть одно на странице (то есть каждое id должно быть уникальное и не может повторяться)
А класс он для того и предназначен - для толпы элементов.

Точно!

Еще раз, спасибо вам.

DiAksID
На сайте с 02.08.2008
Offline
236
#7
bay_ebook:
... А класс он для того и предназначен - для толпы элементов.

добавлю 3 копейки: выборки могут быть разными, в работающем примере ТС выборка с таким же успехом идёт по rel а не по class, но использовать класс более валидно все ж таки. по хорошему вообще можно свой атрибут завести типа data-*, записывать в него какие то параметры если что и выборку делать по нему...

show must go on !!!...

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий