通过Ajax发布第二个显示模式（Zurb Foundation 5 + WordPress）

我使用的是基金会5 & WordPress。通过Ajax发布第二个显示模式（Zurb Foundation 5 + WordPress）

我想从AJAX加载的显示模式启动第二个显示模式。这不适合我。

我有两个div在我的网页的底部：

<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">

首先显示莫代尔作品正确。然后我尝试启动第二个模式（从第一个AJAX加载的内容）：

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

现在我简单地进入新页面。内容不会加载到第二个模式中。我尝试在原始页面上添加#portfolioModal div，并在加载到第一个模式的页面上。在任何情况下都不会将第三页加载到第二个模式中。

任何想法我做错了什么？

来源

2014-01-29 Chris Anderson

您需要在ajax返回的模态页上使用javascript调用第二个模态。

试试这个：

您的文档中某处添加第二个模式包装第一（你不能重用当前打开的模态）：

<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内容。

来源

2014-03-08 21:32:06 jaycode

你的问题可能是

<?php the_permalink(); ?>

返回以 “http：//” 地址。

显示不会正确使用该地址。 Reveal只会使用带有相对URL的ajax，而不是绝对的，并且它只会在引用同一台服务器上的文件时起作用。

来源

2014-08-20 03:18:59 CarambaMoreno

通过Ajax发布第二个显示模式（Zurb Foundation 5 + WordPress）

回答

相关问题