Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/4: Рейтинг темы: голосов - 4, средняя оценка - 5.00
Sergio Aguero
451 / 442 / 21
Регистрация: 11.04.2012
Сообщений: 2,074
1

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

13.05.2013, 17:36. Просмотров 727. Ответов 6
Метки нет (Все метки)

смарти шаблон .tpl (верстка на бутсрапе, всплывающие подсказки тоже, CMS - SimplaCMS, файлик products.tpl)
в цикле выводятся сами наименования характеристик и всплывающие подсказки к ним
HTML5
1
2
3
4
5
6
7
8
{* Фильтр по свойствам *}
                   {foreach $features as $f}
                    <p data-feature="{$f->id}" class="filter_var">{$f->name}:
 
                   <span class="btn btn-danger" rel="popover" data-content="{$f->description}" data-original-title="Словарь терминов" style="display: inline-block;
width: 13px;line-height: 13px;height: 13px;background:url('http://amelta.ru/design/atc/images/icons.png') -397px 0px no-repeat; cursor:pointer;"></span>
   
                    </p>
Не срабатывает!!


Код страницы - вот
0
Миниатюры
Всплывающие подсказки не обрабатываются в цикле  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.05.2013, 17:36
Ответы с готовыми решениями:

Всплывающие подсказки
Доброго времени суток!) Задача следующая, при наведении на слово в посте нужно реализовать...

Всплывающие подсказки (tooltips)
Добрый вечер. Посоветуйте, пожалуйста, нормальный, рабочий плагин для всплывающих подсказок....

Помогите протестировать! Всплывающие подсказки tooltip на javascript: написал новый движок модуль
Добрый вечер! Все началось с того что я решил найти готовый движок всплывающих подсказок tooltip....

Хочу реализовать "всплывающие подсказки" как на сайте 7ozer.com
Хочу реализовать &quot;всплывающие подсказки&quot; как на сайте...

Не обрабатываются переменные(
Скажите, в чем проблема? Мне на ящик приходит письмо с данными, а вместо данных мне присылает...

6
Donald28
странник
809 / 480 / 108
Регистрация: 28.05.2012
Сообщений: 1,516
Записей в блоге: 2
13.05.2013, 22:41 2
согласно документации bootstrap-popover - скрипт всплывающей подсказки работает только для одного объекта. Т.е. для каждой подсказки надо вызывать свою функцию:
HTML5
1
2
3
 <span class="btn btn-danger" rel="popover" data-content="подсказка1" id="exam1"></span>
<span class="btn btn-danger" rel="popover" data-content="подсказка2" id="exam2"></span>
<span class="btn btn-danger" rel="popover" data-content="подсказка3" id="exam3"></span>
Javascript
1
2
3
$('#exam1').popover('trigger');
$('#exam2').popover('trigger');
$('#exam3').popover('trigger');
но это я так понял. Могу и ошибаться.
1
Sergio Aguero
451 / 442 / 21
Регистрация: 11.04.2012
Сообщений: 2,074
14.05.2013, 07:58  [ТС] 3
я добавил айди к каждой подсказке
HTML5
1
2
3
4
5
6
7
{foreach $features as $f}
                    <p data-feature="{$f->id}" class="filter_var">{$f->name}:
 
                    <span class="btn btn-danger" rel="popover" data-content="{$f->description}" data-original-title="Словарь терминов" style="display: inline-block;
width: 13px;line-height: 13px;height: 13px;background:url('http://amelta.ru/design/atc/images/icons.png') -397px 0px no-repeat; cursor:pointer;" id="example{$f->id}"></span>
 
                    </p>
яваскрипт-код такой:
Javascript
1
$('span[rel="popover"]').popover('trigger');
Ну не хочет работать и все!! че делать?)

Добавлено через 3 минуты
Может как-то по другому можно реализовать эти подсказки еще?
0
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
14.05.2013, 08:53 4
Цитата Сообщение от Sergio Aguero Посмотреть сообщение
Может как-то по другому можно реализовать эти подсказки еще?
Подсказки можно сделать и без плагинов - здесь
1
Sergio Aguero
451 / 442 / 21
Регистрация: 11.04.2012
Сообщений: 2,074
14.05.2013, 08:58  [ТС] 5
Цитата Сообщение от Soldado Посмотреть сообщение
Подсказки можно сделать и без плагинов - здесь
мне хочется на клик сделать и стилистику popovers сохранить, т.к. они мне подходят и возникает ассоциация с подсказками фильтров на я.маркете. А нельзя как-то все-таки bottstrap-popovers подкорректировать чтобы они заработали?)
0
Soldado
731 / 722 / 137
Регистрация: 28.06.2012
Сообщений: 1,318
Записей в блоге: 4
14.05.2013, 09:06 6
Я проверял на других плагинах - работало. Попробуйте так - задайте всем общий класс, а затем в цикле
Javascript
1
2
3
$('.totalClass').each(function(){
       $(this).popover('trigger');
});
Если не получится, то скорее всего - никак не выйдет желаемое
1
Sergio Aguero
451 / 442 / 21
Регистрация: 11.04.2012
Сообщений: 2,074
14.05.2013, 09:34  [ТС] 7
Главное срабатывает только там где есть Цена. На остальных характристиках текст подсказки извлекается, но сама подсказка не выводится и все. Айди уже задавал каждому спану, выборку селектора по айди в jq-скрипте тоже делал

Добавлено через 2 минуты
Soldado, с общим классом тоже не хотят работать подсказки те, что в цикле выводятся

Добавлено через 23 минуты
Один добрый человек помог и вот решение выложу здесь, может кому понадобится
Javascript
1
$('span[rel="popover"]').popover({ trigger : 'hover', delay : 500, html: true });
И все заработало!
0
14.05.2013, 09:34
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.05.2013, 09:34

Не обрабатываются события
Здравствуйте. &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;...

Не обрабатываются события в динамически добавленых строках таблицы
Добрый день! Мне на странице надо иметь возможность динамически добавить строчки в таблицу (в...

Всплывающие подсказки
Подскажите каким образом возможно реализовать подобные всплывающие подсказки.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru