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