Всплывающие окна как исправить конфликт?

Question

[Сергей Сорокин]

Всем привет! Столкнулся с такой трудностью, пользуюсь FancyBox (всплывающими окнами) Задача с одного товара дважды обратиться к ID товара, то есть сначала мне нужно вызвать форму обратной связи только для этого товара, делаю это так

<a data-fancybox data-src="#[[+idx]]" href="javascript:;">Заказать</a>

А потом в этом же товаре есть еще одна кнопка "Подробнее"

<a data-fancybox data-src="#[[+idx]]" href="javascript:;">Подробнее</a>

Это тоже всплывающее окно, только уже с описанием товара, они естественно начинают конфликтовать, потому что я два раза обращаюсь к [[+idx]]
Как можно этого избежать либо как-то разграничить
На страницы много товаров и у каждого свой [[+idx]]

Answer 1

[ProjectSoft]

fancybox настолько гибкий...
Ну главное - ни какого конфликта нет. По первой ссылке и по второй у вас просто открывается одно и то-же, а ни как вам хотелось, но вы именно так сами запрограммировали.
Инициализация fancybox у вас стоит по аттрибуту data-fancybox. Удобно конечно. Не написав ни строчки кода - fancybox работает.
Для вашего случая это не подходит!!!
Уберите этот аттрибут, заведите определённый класс, аттрибут (нужное выбрать) для типа ссылки и повесьте на них свой обработчик клика. Проверив входящие данные - открыть нужное.

Ну и в помощь API - https://fancyapps.com/fancybox/3/docs/#api

Comments

[Сергей Сорокин]

Немного не допонял к сожалению (

<a data-type="description" data-src="#[[+idx]]" href="javascript:;">Подробнее</a>
<a data-type="form" data-src="#[[+idx]]" href="javascript:;">Заказать</a>

Сейчас получается вот такое, вместо data-type="description" мне нужно вывести div блок, как это указать ? Не понял

<div class="form">Форма обратной связи</div>

[ProjectSoft]

Сергей Сорокин, data-src="#[[+idx]]" у вас что одинаковый у обоих ссылок?
Я понял так, что это MODx Revo.
Ну да ладно.
На странице, к примеру, 20 товаров. Получается на странице присутствует ещё 20 форм? Не много ли?
Брошу гранату... Заказчик захотел подгрузку по ajax товаров по клику в пагинаторе...

[Сергей Сорокин]

ProjectSoft, data-src="#[[+idx]]" да, у обоих ссылок он одинаковый, в первом случае он открывает форму обратной связи, а в другом случае с этого-же товара, соответственно с этого же id описание

[ProjectSoft]

Сергей Сорокин, ну да ладно, не буду мучить своими вопросами.

[ProjectSoft]

Сергей Сорокин,
Либо вернёмся к изначальному вашему варианту обработки ссылки fancybox по-умолчанию

[Сергей Сорокин]

Круто, спасибо огромное, могу я Вас как-то отблагодарить? Можем связаться с Вами ?

[ProjectSoft]

Сергей Сорокин, просто отметьте решением мой ответ. Это и будет благодарностью.

Answer 2

[historydev]

Вопрос из разряда вангани мне отладку. Подозреваю что тег ищете по селектору data-src. Попробуйте либо изменить тег, либо его содержимое.

Comments

[Сергей Сорокин]

в этом то и вопрос, не могу ни к чему больше обратиться, ну либо не понимаю как)