0

Stepy jQuery プラグイン ( http://wbotelhos.com/stepy ) を Rails フォームに統合してウィザードを作成しようとしています。Wicked のようなものは使用したくありません。フロントエンドで素早いものが好まれます。

JavaScript と CSS を独自のファイルでアセット パイプラインに追加し、アセット パイプラインにもインストールgem 'jquery-ui-rails'して配置//= require jquery.ui.allしました。

この後も、レールアプリ内でこれを機能させることができないようです。私が間違っているかもしれないことのアイデアはありますか? 私はまだアセット パイプラインと JavaScript を学んでいるので、助けていただければ幸いです。

次のように、個別のステップではなく、3 つのステップすべてがフォーム ビューに表示されます。

ウィザードスナップ

アプリケーション.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。これはこれまでのところ機能しています。ただし、上記を機能させる方法についての提案はまだ受け付けています。

4

0 に答える 0