基础6模态显示不起作用
基础6模态显示不起作用
提问于 2016-05-27 11:25:43
我希望有人能帮上忙。我似乎无法得到动画的模式揭示在基础6工作。我基本上是从他们的文档中直接复制和粘贴的，但什么也没有。我看到其他人也有问题，但他们的解决方案似乎都帮不了我。
这是我的完整代码。
<!doctype html>
<html class="no-js" lang="en">
<head>
<link rel="stylesheet" href="css/themeat.min.css" />
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<p><a data-toggle="animatedModal10">Click me for a modal</a></p>
<div class="reveal" id="animatedModal10" data-reveal data-close-on-click="true" data-animation-in="spin-in" data-animation-out="spin-out">
<h1>Whoa, I'm dizzy!</h1>
<p class='lead'>There are many options for animating modals, check out the Motion UI library to see them all</p>
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/what-input.min.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/app.js"></script>
<script src="js/view.js?auto"></script>
<script>
$(document).ready(function() {
$(document).foundation();
})
</script>
</script>
</body>
</html>任何帮助都将不胜感激。:)
谢谢,
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-05-27 17:48:31
我认为你还没有包括运动-UI css文件，你将需要它的动画模式。
https://cdnjs.cloudflare.com/ajax/libs/motion-ui/1.1.1/motion-ui.min.css请参阅从文档中复制代码的工作示例。http://codepen.io/shoaibik/pen/RRwWKg
Stack Overflow用户
发布于 2016-05-27 12:14:00
在基金会文档http://foundation.zurb.com/sites/docs/reveal.html中，我看到他们使用的是在按钮中打开数据的属性。我希望你应该使用数据打开而不是数据切换。
<p><a data-open = "animatedModal10">Click me for a modal</a></p>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37482268
复制相关文章
相似问题
腾讯云开发者
