使用带有 Orbit 滑块的 Zurb Foundation 5 来构建我的网站。我在模式中设置了一个滑块,但它只显示图像的顶部和幻灯片导航,直到我检查元素,然后整个滑块显示出来。帮助?
网站在这里: http ://www.parker-gibson.com/testing/foundation/index.html 当您单击“这就是我所做的”部分中的第一个图像时,会显示有问题的滑块。提前致谢!相关代码如下...
<div id="mqm" class="reveal-modal" data-reveal>
<div class="row">
<div class="large-4 large-push-8 columns">
<h3>This is a test</h3>
<div class="project-description">
<p>This is a test. Lorem ipsum dolor sit amet...</p>
</div>
</div>
<div class="large-8 large-pull-4 columns">
<ul data-orbit>
<li><img src="http://placesheen.com/725/400" alt="sheen1"></li>
<li><img src="http://placesheen.com/725/400" alt="sheen2"></li>
<li><img src="http://placesheen.com/725/400" alt="sheen3"></li>
</ul>
</div>
<a class="close-reveal-modal" href="#">x</a>
</div>
</div>