gpt4 book ai didi

jquery - 如何(正确地)在基础中包含 Reveal?

转载 作者:太空宇宙 更新时间:2023-11-04 15:01:05 30 4
gpt4 key购买 nike

我似乎无法让 reveal 开始工作,我已经严格遵守所有内容,添加 modernizr,添加插件,添加 css(reveal 显然包含在 foundation 中),在开始时初始化 foundation 并加载jquery 在底部。我错过了什么?

<html>
<head>
<script src="js/custom.modernizr.js"></script>
<script src="js/foundation.min.js"></script>



<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/normalize.css">

<script>
$(function(){
$(document).foundation();
})
</script>

</head>
<body>
<div id="myModal" class="reveal-modal">
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch. It is mine.</p>
<p>Im a cool paragraph that lives isnside of an even cooler modal. Wins</p>
<a class="close-reveal-modal">&#215;</a>
</div>

<a href="#" class="big-link" data-reveal-id="myModal" id="my-trigger">
Fade and Pop
</a>

</body>

<script>
document.write('<script src=/js/vendor/'
+ ('__proto__' in {} ? 'zepto' : 'jquery')
+ '.js><\/script>');
</script>

</html>

触发模态 $('#my-trigger').trigger('click');喜欢那里:Revealing a Modal in Foundation 4也没有帮助。

最佳答案

在我的构建中,javascript 在页脚之后(modernizr 除外)。我创建了一个与您的设置类似的测试页以尝试重现该问题。尝试移动

<script src="js/foundation.min.js"></script>

<script>
$(function(){
$(document).foundation();
})
</script>

就在你之后

<script>
document.write('<script src=/js/vendor/'
+ ('__proto__' in {} ? 'zepto' : 'jquery')
+ '.js><\/script>');
</script>

关于jquery - 如何(正确地)在基础中包含 Reveal?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16403660/

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