gpt4 book ai didi

html - Foundation 5 显示模态不起作用

转载 作者:搜寻专家 更新时间:2023-10-31 02:26:04 26 4
gpt4 key购买 nike

大家好,

我正在为我的迷你项目使用 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,因为它在调试器中没有显示任何错误。而且我知道它在我遗漏的代码中的某个地方,但是自从我遇到这个问题以来已经有几个小时了。任何帮助将不胜感激。

最佳答案

你可能忘记了data-reveal:

<div class="reveal-modal" id="myNormal" data-reveal>

关于html - Foundation 5 显示模态不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20260814/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com