0

我正在尝试将 Stepy jQuery 插件 ( http://wbotelhos.com/stepy ) 与我的 rails 表单集成以创建向导。我宁愿不使用 Wicked 之类的东西——首选前端快速的东西。

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

即使在此之后，我似乎也无法让它在 rails 应用程序中工作。关于我可能做错了什么的任何想法？我仍在学习资产管道和 javascript，因此非常感谢您的帮助。

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

向导快照

应用程序.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 %>

编辑

我最终使用了这个 gem 中的向导：github.com/stephenbaldwin/fuelux-rails它到目前为止有效。但是，我仍然愿意接受有关如何使上述工作的建议。

4

0 回答 0