Question

是否可以在基础显示模式中运行Zurb TwentyTwenty（滑块视图之前和之后）插件？我可以启动模式并显示Header，但不显示插件。插件在标准列中的页面上工作我甚至尝试将其评论出来以查看是否存在。这是我为模态设置的代码：

<!-- Modal Box -->
<div id="myModal2" class="reveal-modal">
    <h3><font color="red">See the difference we can make</h3></font></hr>
    <div class="twentytwenty-container">
      <img src="img/rjh_before.jpg" />
      <img src="img/rjh_after.jpg" />
    </div>
    <a class="close-reveal-modal">&#215;</a>
</div>
<!-- Modal Box end -->

这是触发链接：

<a href="#" data-reveal-id="myModal2">Modal Version of the 20/20 slider</a>

这是我与基金会合作的第一个项目，虽然我学得很快，但这个让我难过。任何帮助将不胜感激！

Answer 1

我自己找到了答案;这是Reveal中的一个错误。在GitHub上找到：

Squashed picture when using Orbit in a Reveal - Issue #2809

在揭示脚本之前添加了此代码：

var resize_window = function(e) {
$(window).trigger('resize');
}

$(document).foundation('reveal', {'opened' : resize_window});
<!-- Not used in my case, but additionally for running Orbit -->
$(document).foundation('orbit')

努力享受！

Zurb插件“二十二”可以在基础4 Reveal Modal中运行吗？

1 个答案: