Zurb foundation Zurb基金会5帆布不工作我尝试使用Zurb的基础框架来实现一个网站，用于移动查看，并且只是从文档中复制它的代码，但是它不起作用。_Zurb Foundation

Zurb foundation Zurb基金会5帆布不工作我尝试使用Zurb的基础框架来实现一个网站，用于移动查看，并且只是从文档中复制它的代码，但是它不起作用。

zurb-foundation

Zurb foundation Zurb基金会5帆布不工作我尝试使用Zurb的基础框架来实现一个网站，用于移动查看，并且只是从文档中复制它的代码，但是它不起作用。,zurb-foundation,Zurb Foundation,代码如下： <script src="/js/vendor/custom.modernizr.js"></script> <script src="/js/vendor/jquery.js"></script> <script src="/js/foundation.min.js"></script> <script> $(document).foundation(); </script>

代码如下：

<script src="/js/vendor/custom.modernizr.js"></script>
<script src="/js/vendor/jquery.js"></script>
<script src="/js/foundation.min.js"></script>

<script>
    $(document).foundation();
</script>
</head>
<body>
<!--offcanvas begin-->
    <div class="off-canvas-wrap">
        <div class="inner-wrap">

            <nav class="tab-bar show-for-small">
                <a class="left-off-canvas-toggle menu-icon">
                    <span>Foundation</span>
                </a>  
            </nav>


            <aside class="left-off-canvas-menu">
                <ul class="off-canvas-list">
                    <li><label>Foundation</label></li>
                    <li><a href="#">The Psychohistorians</a></li>
                    <li><a href="#">The test!</a></li>
                </ul>
            </aside>

            <section class="main-section">
            <!--offcanvas begin-page-content-->

                <!--content-->

            <!--offcanvas end-page-content-->
            </section>

            <a class="exit-off-canvas"></a>

        </div><!--inner-wrap-->
    </div><!-- off-canvas-wrap -->
<!--offcanvas end-->
</body>


$（document.foundation（）；

我做错了什么吗？

我复制了这个问题，发现移动

jquery

，

foundation.min.js

资源和初始化调用：

$(document).foundation();

在关闭

标记之前修复了问题（将

modernizer.js

留在头部）

编辑：正如@Jigar所指出的

offcanvas.js

不需要从外部加载

<强> P.S.在几乎所有的情况下，就在<代码> > />代码>

< p>更新到基础5.0.3，并且您的代码应该再次正常工作。

不幸的是，RiBeNA的答案在版本5.2.3中不起作用，尽管版本5.0.3. 要使其立即工作，需要将触发器javascript放入：

或者在
标记的末尾，就像Daniel说的那样
或者在
中以这种方式（使用JQuery）：


$（窗口）。绑定（“加载”，函数（）{
$（document.foundation（）；
});

在某些情况下，可以通过在画布上提供HTML数据属性

数据来解决此问题

  <div class="off-canvas-wrap" data-offcanvas>

查看此提琴了解标记的工作更改：

您缺少切换按钮链接上的href=“#” 如果href=“#”缺失，它将无法在移动设备上工作

这是您的导航的外观：


 <代码> Objavas.js<代码>包含在 Foundation，M.js中，因此不需要加载它。谢谢，解决了我的问题。或可能不够强大，我试了几次才将代码移到文档的开头。谢谢在尝试了所有其他答案后，我发现这是造成5.2.2和5.2.3之间差异的答案。这是正确的答案。修正了5.5.2版的问题
<nav class="tab-bar show-for-small">
    <a class="left-off-canvas-toggle menu-icon" href="#">
        <span>Foundation</span>
    </a>
</nav>