Foundation5畫布無法正常工作

Question

我有一個使用Zurb Foundation5.3.3的Web應用程序，並且希望整合畫布外功能。

由於某種原因，我無法使它正常工作，單擊激活鏈接后什么也沒有發生

請參閱此http://jsfiddle.net/v1880qb7/1/

我的脫機代碼在這里：

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

        <a class="left-off-canvas-toggle" href="#" >Calendar</a>

        <!-- Off Canvas Menu -->
        <aside class="left-off-canvas-menu">
            <!-- whatever you want goes here -->

            <p> This is test content.</p>
            <div id="flat_calendar1"></div>
            <div id="flat_calendar2"></div>
            <div id="flat_calendar3"></div>
            <div id="flat_calendar4"></div>
            <div id="flat_calendar5"></div>
            <div id="flat_calendar6"></div>
            <div id="flat_calendar7"></div>
            <div id="flat_calendar8"></div>

        </aside>

        <!-- close the off-canvas menu -->
        <a class="exit-off-canvas"></a>

    </div>
</div>

Answer 1

這是由於不良的外部資源。 您需要文件foundation.min.js （ 鏈接 ）或文件foundation.js （ 鏈接 ）和foundation.offcanvas.js （ 鏈接 ） 兩者 。

從ZURB Foundation 文檔中 ：

然后，要么分別加載每個插件，要么包含foundation.min.js ，后者會自動加載Foundation Core和所有JavaScript插件。

HTML

 <script src="/js/foundation.min.js"></script> <!-- or individually --> <script src="/js/foundation.js"></script> <script src="/js/foundation.alert.js"></script> <!-- ... --> <script src="/js/foundation.dropdown.js"></script> <script src="/js/foundation.tab.js"></script> 

更新小提琴