基础5揭示模态不起作用 [英] foundation 5 reveal modal not working
本文介绍了基础5揭示模态不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
美好的一天,
我正在为我的迷你项目使用基础5。我想使用框架的reveal / modal特性。但它似乎不起作用。
I'm using foundation 5 for my mini project. I want to use the reveal/modal feature of the framework. But it seems it does not work.
index.html
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,因为它在调试器中没有显示任何错误。我知道它在我遗漏的代码中的某个地方,但是自从遇到这个问题已经过了几个小时。任何帮助将不胜感激。
I'm pretty sure that the browser loaded the js as it does not show any error in the debugger. And I know it's somewhere in the code that I left out but it's been a couple of hours since I ran into this. Any help would be much appreciated.
推荐答案
您可能忘记了数据显示:
<div class="reveal-modal" id="myNormal" data-reveal>
这篇关于基础5揭示模态不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文