【问题标题】:Add javascript to Foundation将 JavaScript 添加到 Foundation
【发布时间】:2013-07-22 10:54:18
【问题描述】:

我已经安装了 Foundation 4 gem,但现在我想添加一些 javascript,例如下拉按钮。我按照说明进行操作,但是当我看到视图时没有加载 zepto、jquery 和 Foundation.min.js(“没有路由匹配”)

我在应用布局中添加了:

 <%= javascript_include_tag "application" %>
 <%= stylesheet_link_tag    "application" %>
 <script src="/js/custom.modernizr.js"></script>
 <%= csrf_meta_tags %>

在头脑中

  <%= javascript_include_tag "js/vendor/custom.modernizr" %>
<script>
  document.write('<script src=/js/vendor/'
    + ('__proto__' in {} ? 'zepto' : 'jquery')
    + '.js><\/script>');
</script>
<script src="js/vendor/foundation.min.js"></script>
<script>
  $(document).foundation();
</script>

在正文的末尾。

但是没有文件夹 js/vendor 对吗?我必须把它们放在哪里? 提前谢谢你!

【问题讨论】:

    标签: javascript ruby-on-rails ruby zurb-foundation


    【解决方案1】:

    如果您将 JavaScript 放在您的供应商文件夹中,您可以通过将它添加到您的 application.jsfile 来将它包含在您的 Rails 应用程序中。

    示例 application.js

    //= require jquery
    //= require jquery_ujs
    //= custom.modernizr
    //= require foundation
    //= require_tree .
    

    Sprockets 将在您的各种资产目录中查找您的 JavaScript。

    【讨论】:

    • 仍然无法正常工作...但是,如果我从以下位置获取代码:stackoverflow.com/questions/15180310/… 我得到了下拉列表,但不在它应该在的位置
    • 我认为它没有加载。事实上,在控制台中我已经开始 GET "/js/vendor/foundation.min.js" for.... 没有路由匹配 [GET] zepto.js 也是如此
    • 现在看起来还可以!我只需添加以下行://= 需要基础。感谢拍手
    • 不客气。我修改了基础线的答案。你能确认这对你有用吗?
    • 注:我写了 //= 需要基础而不是 //= 基础
    猜你喜欢
    • 2014-05-30
    • 1970-01-01
    • 2011-03-27
    • 1970-01-01
    • 1970-01-01
    • 2013-01-08
    • 1970-01-01
    • 1970-01-01
    • 2016-08-16
    相关资源
    最近更新 更多