警报(X)关闭不起作用

Question

我已经创建了一个警报应用程序,如http://foundation.zurb.com/docs/components/alert_boxes.html中所述,警报框即将启动但无法关闭警报框.

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

工作演示

<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文件.

此外,您没有初始化foudationjs框架.

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

$(document).foundation();

工作演示