Запуск второго раскрытия Модаля через Ajax (Zurb Foundation 5 + WordPress)

Question

Я использую Foundation 5 & WordPress.

Я пытаюсь запустить второй модуль Reveal Modal из загруженного AJAX модуля Reveal Modal. Это не работает для меня.

У меня есть две дивов в нижней части моей страницы:

<div id="industryModal" class="reveal-modal" data-reveal></div> 
<div id="portfolioModal" class="reveal-modal" data-reveal></div> 

Я запустить первую модальность с содержанием другой страницы (до сих пор так хорошо):

<a id="business-services-link" href="/approach/investment-strategy/industry/business-services" data-reveal-id="industryModal" data-reveal-ajax="true"> 

Первого Reveal модальной работы правильно. Затем я пытаюсь запустить вторую модальность (от первого AJAX загруженного контента):

<a href="<?php the_permalink(); ?>" data-reveal-id="portfolioModal" data-reveal-ajax="true"> 

Теперь я просто взял на новую страницу. Содержимое не загружается во второй модальный. Я попытался добавить #portfolioModal div на исходную страницу и на страницу, загруженную в первый модальный. В любом случае третья страница не загружается во второй модальный.

Любая идея, что я делаю неправильно?

Answer 1

Вам нужно позвонить второму модалю, используя javascript на возвращенной модальной странице ajax.

Попробуйте это:

Добавьте вторую модальную обертку где-то в документе первым (вы не можете повторно использовать открытую в данный момент модальность):

<div id="modal-anotherPage" class="reveal-modal auto_width medium" data-reveal></div> 

Затем установить обработчик событий для ссылок внутри текущих модальный:

 $('a.linksinsideyourmodal').click(function(e) { 
     $('#modal-anotherPage').foundation('reveal', 'open', { 
      url: $(this).attr('href') 
     }); 
     return false; 
     }); 

Обратите внимание, что это работает только с базой версии 5.2.0, а перед ней каким-то образом не требуется возвращать ajax-контент во второй модальный.

Answer 2

Ваша проблема может быть, что

<?php the_permalink(); ?> 

возвращает адрес с "HTTP: //".

Reveal не использует этот адрес правильно. Reveal будет использовать только ajax с относительными URL-адресами, а не абсолютными, и он будет работать только при обращении к файлам на одном сервере.