文章/答案/技术大牛

发布

社区首页 >问答首页 >Foundation Foundation不会关闭

问Foundation Foundation不会关闭
EN

Stack Overflow用户

提问于 2014-08-19 11:10:53

回答 1查看 1.2K关注 0票数 1

当我尝试使用Foundation Foundation创建一个模型时，我发现我无法关闭它。不是使用using modal close类，也不是javascript，什么都不能工作。

我尝试将文档中的这个示例放到页面中：

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

当页面加载时，它是打开的，但我无法将其关闭。此外，不确定它为什么加载打开。

在我的<body>的底部，我有这个：

<script src="//ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.6.2.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.3.1/js/foundation.min.js">      </script>
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.3.1/js/foundation/foundation.reveal.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/flexslider/2.2.2/jquery.flexslider-min.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="js/smooth-scroll.js"></script>
<script type="text/js" src="js/modal.js"></script>

<script>
  $(document).foundation();  
</script>

modal-dialog

zurb-foundation

zurb-reveal

回答 1

Stack Overflow用户

发布于 2014-12-28 17:05:49

你不需要同时加载foundation.min和foundation.reveal，只需要加载最小值，除非你只需要显示。而且你不需要modal.js --可能会有冲突。

请参阅此处的文档，并遵循它，在修复上述问题后应该可以正常工作：http://foundation.zurb.com/docs/components/reveal.html

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25375154

复制

相似问题

问Foundation Foundation不会关闭
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Foundation Foundation不会关闭EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Foundation Foundation不会关闭
EN