Canvas 为什么';TZURB基金会在我的项目外帆布工作?
我使用最新版本的基础来添加一个关闭画布导航菜单。 这是我的测试页面代码,用于基础的画布:Canvas 为什么';TZURB基金会在我的项目外帆布工作?,canvas,zurb-foundation,Canvas,Zurb Foundation,我使用最新版本的基础来添加一个关闭画布导航菜单。 这是我的测试页面代码,用于基础的画布: <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Foundation | Welcome
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="off-canvas-wrap show-for-small-only">
<div class="inner-wrap">
<nav class="tab-bar show-for-small-only">
<section class="tab-bar-section">
<h1 class="title">Foundation</h1>
</section>
<section class="right-small">
<a class="right-off-canvas-toggle menu-icon"><span></span></a>
</section>
</nav>
<aside class="right-off-canvas-menu">
<ul class="off-canvas-list">
<li><label>Users</label></li>
<li><a href="#">Hari Seldon</a></li>
</ul>
</aside>
<a class="exit-off-canvas"></a>
</div>
</div>
<div>
<h1 class="show-for-small-only">Phone</h1>
<h1 class="show-for-medium-only">Medium</h1>
<h1 class="show-for-large-only">Large</h1>
Content Goes here
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/foundation/foundation.offcanvas.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>
基金会欢迎
基础
电话
中等
大的
内容在这里
$(document.foundation();
我现在不知道为什么仍然不工作。
我的代码有什么问题?您从中复制的代码缺少示例中初始化的数据属性data offcanvas
。看来我应该提交一份PR来解决这个问题
<div class="off-canvas-wrap show-for-small-only" data-offcanvas>
js您的代码摘要:@Unique不客气,谢谢您的投票。您可能会感兴趣,我已经提交了一份PR来更正文档: