首页 文章

基础数据警报框不会关闭

提问于
浏览 次
2

我正在使用zurb基础，除数据警报外，一切都运行良好 . 我无法用X关闭数据警报 . 在其他帖子中，人们说在数据警报div之后再次添加$（document.foundation（）;我已经尝试过，有没有第二次初始化 . 这是代码 .

<!DOCTYPE HTML>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">

<link rel="stylesheet" href="/css/foundation.min.css">
<script src="/js/vendor/jquery.js"></script> 
<script src="/js/foundation.min.js"></script> 
<script>
     $(document).foundation();
</script>
</head>
<body>

<div data-alert class="alert-box alert radius hide-for-print">You can't close this!!!<a href="#" class="close">&times;</a></div>

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

</body>
</html>

我很感激我能得到的任何帮助..谢谢 .

javascript jquery css zurb-foundation

1 回答

  • 0

    data-alert 未关闭，因为 modernizr 未包含在您的项目中 .

    DEMO

    通常通过检查控制台可以解决这种错误 .

    在控制台中，它显示以下错误：

    ReferenceError：找不到变量：Modernizr

    因为foundation.min.js需要modernizr才能工作

    回复于

相关问题