使用Rails应用程序的Stepy jQuery向导表单。问题安装/表格

Question

我正在尝试将Stepy jQuery插件（http://wbotelhos.com/stepy）与我的rails表单集成以创建向导。我宁愿不使用像Wicked这样的东西 - 优先选择前端快速的东西。

我已将自己文件中的javascript和CSS添加到我的资产管道并安装gem 'jquery-ui-rails'并将//= require jquery.ui.all放入我的资产管道中。

即使在此之后，我似乎也无法在rails应用程序中使用它。我可能做错了什么想法？我还在学习资产管道和javascript，所以非常感谢帮助。

所有三个步骤都显示在我的表单视图中，而不是单独的步骤，如下所示：

的application.js

$('#steps').stepy();

_form.html.erb

<%= form_for(@wizard) do |f| %>

  <form id="steps">
    <fieldset title="Step 1">
      <legend>Step 1</legend> 
      <div class="field">
        <%= f.label :field1 %><br />
        <%= f.text_field :field1 %>
      </div>
    </fieldset>

    <fieldset title="Step 2">
      <legend>Step 2</legend> 
      <div class="field">
        <%= f.label :field2 %><br />
        <%= f.text_field :field2 %>
      </div>
    </fieldset>

    <fieldset title="Step 3">
      <legend>Step 3</legend> 
      <div class="field">
        <%= f.label :field3 %><br />
        <%= f.text_field :field3 %>
      </div>
    </fieldset>

    <div class="actions">
      <%= f.submit %>
    </div>
  </form>

<% end %>

修改

我最终使用的向导是这个宝石的一部分：github.com/stephenbaldwin/fuelux-rails到目前为止一直有效。但是，我仍然愿意接受有关如何完成上述工作的建议。

Answer 1

受到同样问题的困扰，我为本文的未来观众推出了一个stepy-rails gem。要使用它，请将以下内容添加到Gemfile中。

gem'stepy-rails'，'1.1.0.6'

我的github存储库已打开，位于此处：https://github.com/johnlabarge/stepy-rails。