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

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

13.05.2013, 17:36. Просмотров 718. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Всплывающие подсказки не обрабатываются в цикле (jQuery):

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

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

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

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

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

Не обрабатываются события
Здравствуйте. &lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&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
Привет! Вот еще темы с решениями:

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

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

всплывающие подсказки
Сижу на Win8, пользуюсь Firefox. Уже задолбала до предела проблема - когда...

Всплывающие подсказки
Возможно сделать привязку по атрибуту? .tooltip:hover:after{ background:...


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

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

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