文章/答案/技术大牛

发布

社区首页 >问答首页 >Zurb基金会6不工作代码点火器

问Zurb基金会6不工作代码点火器
EN

Stack Overflow用户

提问于 2016-03-06 16:05:00

回答 1查看 732关注 0票数 1

我目前运行的Codeigniter基金会5，它的工作。现在我正在尝试安装不想工作的Foundation6 (CSS版本)。

我已经设置了一个名为prova-foundation的简单页面，下面是代码(如图所示)：

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation Starter Template</title>
    <?php echo link_tag('css/foundation-6/foundation.css?ver=1.1'); ?>
    <?php echo link_tag('css/foundation-6/app.css?ver=1.1'); ?>
  </head>
  <body>
    <h1>Hello, world!</h1>

    <script src="<?php echo base_url(); ?>js/foundation-6/vendor/jquery.min.js"></script>
    <script src="<?php echo base_url(); ?>js/foundation-6/vendor/what-input.min.js"></script>
    <script src="<?php echo base_url(); ?>js/foundation-6/foundation.js"></script>
    <script>
      $(document).foundation();
    </script>

  </body>
</html>

但是，我在Firebug (Firefox最新版本44.0.2)中得到以下错误：

SyntaxError: class is a reserved identifier
class AccordionMenu {
foundation.js (linea 1751, col 2)

TypeError: $(...).foundation is not a function
$(document).foundation();
prova-foundation# (linea 16, col 7)

基金会不起作用..。所有<script>和css链接都是正确的。如果我在浏览器中打开其中的每一个文件，则会加载相应的文件。

我的页面怎么了？(我在这里建立了一个测试页面)

zurb-foundation-6

html

css

codeigniter

zurb-foundation

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-03-07 00:13:41

问题是您所包含的foundation.js文件是用ES6编写的。在Foundation6.2中，JavaScript被ES6重写。为了在浏览器中工作，需要使用ES5将其转换为巴贝尔。如果您正在下载CSS版本，这不是您必须要做的事情。这应该在下载之前完成。

我已经打开了一个关于GitHub的问题来解决这个问题。

在解决这个问题之前，以下是您必须让它正常工作的两个选项：

复制并粘贴foundation.js文件这里中的代码，并复制粘贴生成的、转换后的代码，然后保存到foundation.js文件中。
从下载的完整版本，您可以从http://foundation.zurb.com/sites/download/获得被转移的foundation.js和foundation.min.js文件。看来基本的下载是混乱的，但是完整的下载正在工作。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35829135

复制

相似问题

问Zurb基金会6不工作代码点火器
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Zurb基金会6不工作代码点火器EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Zurb基金会6不工作代码点火器
EN