Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Вывод контента в модалном окне, чтобы к нему можно было обратиться по ссылке (https://javascript.ru/forum/jquery/62439-vyvod-kontenta-v-modalnom-okne-chtoby-k-nemu-mozhno-bylo-obratitsya-po-ssylke.html)

decadent42 10.04.2016 22:09

Вывод контента в модалном окне, чтобы к нему можно было обратиться по ссылке
 
Привет! На сайте (wordpress) установлен jquery-плагин fancybox, который отвечает за вывод popup окон, в которых отображаются записи. Сейчас пользователь нажимает на ссылку типа "#content-popup" и появляется окно, в котором аяксом подгружается содержание записи по id поста, которое берётся из атрибута data в теге <a></a>. Проблема в том, что к этой записи невозможно обратится по ссылке, следовательно нельзя поместить кнопки соц. сетей, а также пользователи не могут делиться и обмениваться ссылками между собой. Посмотрел сайты с подобным функционалом, и там вроде бы используются get-запросы. Но я не до конца понимаю, как это реализовано. Подскажите, пожалуйста. Верно, что для этого нужно использовать ifreme и создавать отдельный файл в теме, который и будет отвечать за вывод этого контента, получая get запросы (это я сам придумал)? И вообще как правильно делается подобное?

Deff 11.04.2016 02:41

decadent42,
По идее контент имеет свой ID #content-popupN
Значит точная ссылка - ссылка на текущую страницу + #content-popupN

decadent42 11.04.2016 14:08

Не совсем понял. Вот пример: http://yegorzaitsev.ru/agency/?models=batonina-inna

Deff 11.04.2016 15:12

Цитата:

Сообщение от decadent42
Сейчас пользователь нажимает на ссылку типа "#content-popup" и появляется окно, в котором аяксом подгружается содержание записи по id поста, которое берётся из атрибута data в теге <a></a>.

На сайте http://yegorzaitsev.ru/agency/?post_...eatures=1-page для каждого фото есть ссылки такого вида
<a href="http://yegorzaitsev.ru/agency/?models=arkaeva-tanya" class="fancybox" data-fancybox-type="ajax" id="model29312">
<img width="133" height="200" src="http://yegorzaitsev.ru/agency/wp-content/uploads/2013/10/ab-new-150114-1-133x200.jpg" class="attachment-thumbnail size-thumbnail wp-post-image" alt="ab-new-150114 (1)"/>
<span>
</a>

Для обращение к нужной модалке есть и ссылка в обёртке фото личности: href= http://yegorzaitsev.ru/agency/?models=arkaeva-tanya) имхо её и втыкать в кнопку соц сетей


Часовой пояс GMT +3, время: 19:20.