是否有可能运行一个Zurb TwentyTwenty (前后滑块视图)插件内的基础揭示模式?我可以让模式启动和标题显示,但不是插件。这个插件在一个标准专栏的页面上工作,我甚至试着把它注释掉,看看是不是它。下面是我为该模型设置的代码:
<!-- 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">×</a>
</div>
<!-- Modal Box end -->
下面是触发链接:
<a href="#" data-reveal-id="myModal2">Modal Version of the 20/20 slider</a>
这是我在基金会做的第一个项目,虽然我学得很快,但这个项目让我很困惑。任何帮助都将不胜感激!
发布于 2013-08-31 14:59:06
我自己找到了答案,这是“揭示”中的一个错误。在GitHub上找到的:
在要显示的脚本之前添加了此代码:
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')
很好的享受!
https://stackoverflow.com/questions/18543450
复制相似问题