警报（X）关闭不起作用

Question

我已根据http://foundation.zurb.com/docs/components/alert_boxes.html中的说明创建了一个警报应用程序，警报框即将启动但无法关闭警报框。

任何人都可以告诉我一些解决方案吗

Working Demo

<script>
$(document).foundation();
</script>
<br>
<br>
<div data-alert class="alert-box">
   MY CONTENT 
   <a href="#" class="close">&times;</a>
</div>

Answer 1

您没有添加正确的资源文件。所有的css / js都链接到那些文件的github页面而不是实际的css / js文件。

此外，您没有初始化foudation js框架。

您需要添加以下代码来初始化基础js。

$(document).foundation();

Working Demo

Answer 2

在你的jsfiddle中你包含了三个资源。这些是相应文件的github显示页面。它们是HTML，不起作用。您需要从适当的位置包含原始文件，例如CDN。

他们似乎在http://cdn.foundation5.zurb.com/foundation.js拥有自己的CDN，您可以在他们的入门页面的Codepen示例中找到它。

BTW：我通过使用每个主要浏览器提供的javascript控制台找到了这个问题。更具体地说，我使用了Google Chrome的开发者工具窗口。您也可以这样做以进一步缩小错误范围。