Javascript ZURB基金会5.3 -关闭帆布不工作。TypeError:此[method]未定义"; 我最近更新了一个项目给基金会5.3,根本无法工作。我也尝试过多个版本的jQuery(1.x-2.x)
我甚至设置了一个干净的页面,用所有适当的代码(简化)进行测试:Javascript ZURB基金会5.3 -关闭帆布不工作。TypeError:此[method]未定义"; 我最近更新了一个项目给基金会5.3,根本无法工作。我也尝试过多个版本的jQuery(1.x-2.x),javascript,html,css,zurb-foundation,Javascript,Html,Css,Zurb Foundation,我甚至设置了一个干净的页面,用所有适当的代码(简化)进行测试: $(document.foundation(); 困惑我是否做错了什么,或者某个地方是否有bug 奇怪的是,手动将类move left添加到菜单会导致CSS转换正确滑动,因此这似乎是切换未正确绑定的问题 加载时,控制台不会提到任何错误 以编程方式调用$('.off canvas wrap').foundation('offcanvas','open','move left')返回“TypeError:此[方法]未定义”噢,天哪,
$(document.foundation();
困惑我是否做错了什么,或者某个地方是否有bug
奇怪的是,手动将类move left
添加到菜单会导致CSS转换正确滑动,因此这似乎是切换未正确绑定的问题
加载时,控制台不会提到任何错误
以编程方式调用
$('.off canvas wrap').foundation('offcanvas','open','move left')
返回“TypeError:此[方法]未定义”
噢,天哪,这是其中的一天。。。对于任何瘦身不足并将头发扯掉的人,请检查您是否已将数据属性data offcanvas
设置为notdata offcanvas
正确:
错误:
<代码> <代码> < /p>你确信基础库已经加载了吗?我遇到了同样的问题,直到我意识到我完全忘记了数据元素。根据规范(这里显示在MDN网站上),你只能拥有数据*而不是数据——
<div class="off-canvas-wrap" data-off-canvas>
<div class="inner-wrap">
<aside class="right-off-canvas-menu">
<h1>Hello</h1>
</aside>
<a href="#" class="right-off-canvas-toggle">Menu</a>
</div>
</div>
<script type="text/javascript">
$(document).foundation();
</script>