Javascript 警报（X）关闭不起作用

我已经为警报创建了一个应用程序，如中所述，警报框正在运行，但无法关闭警报框

谁能告诉我一些解决方法吗

---

在JSFIDLE中，您包含了三个资源。这些是对应文件的github显示页面。它们是HTML，无法工作。您需要包含来自适当位置的原始文件，例如CDN

他们似乎有自己的CDN，您可以在他们入门页面的Codepen示例中找到

---

顺便说一句：我通过使用每个主流浏览器提供的javascript控制台发现了这个问题。更具体地说，我使用了谷歌浏览器的开发者工具窗口。您也可以这样做以进一步缩小错误。

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

另外，您没有初始化Foundation js框架

需要添加下面的代码来初始化基础js.< /p> <文件>基金会；

---

不知何故，它似乎没有加载基础.js文件，查看控制台的错误登录。如果你查看你的控制台，你会看到一个JavaScript错误：时间戳：5/20/2014下午2点15分24秒：SytRealError：语法错误源文件：行：6源代码：你用JavaScript和jQuery标记它，那么，为什么不使用脚本来处理.close的click事件并相应地关闭警报呢？对于一个纯粹的CSS解决方案，我不认为我们有任何干净的解决方案，而我们可以在：focus或：target上做一些工作，但这些也会以另一种方式触发，而不是单击，例如使用tab。但是为什么关闭不起作用但是为什么关闭不起作用，你能给我一个简单的解释吗solution@Manu他在回答中已经说了,，也许你应该要求一些更新的演示，以显示它现在可以工作。@Manu入门部分有一个代码笔示例。由此我收集到以下链接：@Manu您需要从CDN获取它们。Github提供了错误的MIME类型：拒绝从执行脚本'https://raw.githubusercontent.com/zurb/foundation/master/js/foundation/foundation.js'因为它的MIME类型'text/plain'是不可执行的，并且启用了严格的MIME类型检查。@chiccodoro您能给我看一个更新的演示吗

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