祝大家有美好的一天
我在迷你项目中使用的是Foundation 5。我想使用框架的显示/模式功能。但似乎不起作用。
index.html
<!DOCTYPE html>
<html>
<head>
<title>Job Posting</title>
<link rel="stylesheet" type="text/css" href="../css/normalize.css">
<link rel="stylesheet" type="text/css" href="../css/foundation.min.css">
<script type="text/javascript" src="../js/vendor/custom.modernizr.js"></script>
</head>
<body>
<a href="#" class="button" data-reveal-id="myNormal">click</a>
<div class="reveal-modal" id="myNormal">
Modal
<a class="close-reveal-modal">x</a>
</div>
<script src="../js/vendor/jquery.js"></script>
<script src="../js/foundation/foundation.js"></script>
<script src="../js/foundation/foundation.reveal.js"></script>
<script>
$(document).foundation();
</script>
</body>
我非常确定浏览器已加载js,因为它在调试器中未显示任何错误。我知道这是我遗漏的代码中的某个地方,但是距离我碰到这已经有两个小时了。任何帮助将非常感激。
最佳答案
您可能忘记了数据显示:
<div class="reveal-modal" id="myNormal" data-reveal>
关于html - 基础5显示模态不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20260814/