1

BOOTSTRAP と RAILS 3.2 に問題があり、フォームを表示できません。

index.html.erb

<%= link_to 'New Country', new_backend_country_path, class:"btn btn-primary", :id => 'create_country' %>

アプリケーション.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require backend/bootstrap-modal.js
//= require rails.validations

    $('#create_country').click(function(e) {
        e.preventDefault();
        var href = $(e.target).attr('href');
        if (href.indexOf('#') == 0) {
            $(href).modal('open');
        } else {
            $.get(href, function(data) {
                $('<div class="modal fade" >' + data  + '</div>').modal();
            });
        }
    });

new.html.erb

<div class="modal hide fade" id="modal-window">
  <div class="modal-header">
    <a href="#" class="close">×</a>
    <h6>Loading...</h6>
  </div>

  <div class="modal-body center">
    <%= render 'form' %>
  </div>

  <div class="modal-footer">&nbsp;
  </div>
</div>

_form.html.erb

<%= form_for([:backend, @country], :remote => true) do |f| %>

  <% if @country.errors.any? %>
            <% @country.errors.full_messages.each do |msg| %>
                <h4 class="alert_error"><%= msg %></h4>
            <% end %>
       <br>
  <% end %>

  <fieldset>
    <%= f.label :name %><br />
    <%= f.text_field :name, :class =>"upper" %>
  </fieldset>
  <fieldset>
    <%= f.label :code %><br />
    <%= f.text_field :code %>
  </fieldset>

    <footer>
        <div class="submit_link">
          <% if @country.new_record? %>
              <%= f.submit "Create", class:"alt_btn" %>
          <% else %>
              <%= f.submit "Update", class:"alt_btn" %>
          <% end %>
            <%= submit_tag "Cancel" %>
        </div>
    </footer>

<% end %>

フォームが表示されず、モーダル ダイアログにメニューとフッターを含むページ全体が表示されます。

ご協力ありがとうございました

4

0 に答える 0