【问题标题】:Rails Foundation Orbit is not a functionRails Foundation Orbit 不是函数
【发布时间】:2013-03-15 15:22:29
【问题描述】:

我是第一次尝试 zurb 基础框架。我想制作幻灯片;但是,我收到的类型错误轨道不是函数。

这是我的 application.js 文件:

 //= require jquery
//= require jquery_ujs
//= require jquery.ui.core
//= require foundation
//= require active_admin
//= require contractor_validate
//= require painter_validate
//= require jquery.social.media.tabs.1.6
//= require jquery.validate.min
//= require payment
//= require the-tooltip
//= require general
//= require_self

$(document).foundation();

$(window).load(function() {
$('#featured').orbit();
});

这是我的 application.css 文件:

  *= require active_admin
  *= require dcsmt
  *= require foundation_and_overrides
  *= require style
  *= require the-tooltip
  *= require jquery.ui.all
  *= require_self

html/代码如下所示:

 <div class="large-6 columns">
        <div id="featured">
          <% count = 0 %>
          <% @slides.each do |s| %>
              <% if count == 0 %>
                  <%= image_tag s.slide_photo.url(:medium) %>
              <% else %>
                  <%= image_tag s.slide_photo.url(:medium) %>
              <% end %>
              <% count = count + 1 %>
          <% end %>
        </div>
      </div>

请指教。

更新:

  group :assets do
  gem 'sass-rails',   '~> 3.2.3'
  gem 'coffee-rails', '~> 3.2.1'

 # See https://github.com/sstephenson/execjs#readme for more supported runtimes
 # gem 'therubyracer', :platforms => :ruby

 gem 'uglifier', '>= 1.0.3'
 gem 'zurb-foundation', '~> 4.0.0'
 end

【问题讨论】:

  • 你在使用 gem zurb-foundation (github.com/zurb/foundation-rails) 吗?这似乎是一个 Javascript 问题,您能否将视图改为 HTML(而不是 erb)以及哪些文件 //= 基础导入?
  • 嗨,是的,请查看更新。
  • 把视图放不 erb?
  • 这里有同样的问题。有点傻。它似乎需要特殊标记。滑块激活,但一切都消失了,我在控制台中收到错误。

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


【解决方案1】:

如果您在使用 rails gem 时遇到此问题,请阅读这篇文章:

http://foundation.zurb.com/docs/components/orbit.html

您只需将数据轨道添加到您的 html:

 <div data-orbit>

 </div>

【讨论】: