2014-03-14 2 views
1

Я пытаюсь получить простой модальный диалог для отображения в приложении rails. Вот соответствующие файлы ...Rails 3 bootstrap-sass-rails и модальный дисплей формы

Gemfile

group :assets do 
... 
    gem 'bootstrap-sass-rails' 
... 
end 

приложение/активы/JavaScripts/application.js

//= require jquery 
//= require jquery_ujs 
//= require "bootstrap" 
//= require "bootstrap/modal" 
//= require_tree . 

приложение/активы/таблицы стилей/application.css

@import "bootstrap"; 
@import "bootstrap/modal"; 

приложение/views/tasks/index.html.erb

<%= link_to 'Modal', new_task_path, {:remote => true, 'data-toggle' => "modal", 'data-target' => '#modal-window'} %> 
... 
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div> 

приложение/просмотров/задачи/_new.html.erb

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    **here comes whatever you want to show!** 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 

приложение/просмотров/задачи/new.js.erb

$("#modal-window").html("<%= escape_javascript(render 'new') %>"); 

Так что это только простое приложение с одним модель, с которой я пытаюсь промокнуть. Прямо сейчас ссылка ответит. Страница исчезает, но я не получаю никакого контента.

Я потратил последнюю неделю на беспорядки и попытку получить эту работу с большой удачей. Заранее благодарю за любую помощь.

+0

Вы попали куда-нибудь с этим? Я считаю, что это потому, что запрос не отвечает JS и вместо этого отвечает HTML. Если вы посмотрите на журнал сервера rails, он должен сказать, что обработка ... как HTML или как JS –

ответ

0

Необходимо позвонить по телефону modal() по телефону $("#modal-window"). Обновление app/view/tasks/new.js.erb as:

$("#modal-window").html("<%= escape_javascript(render 'new') %>").modal() 
+0

Спасибо за ответ vee, но никаких изменений в поведении после попытки изменения. Я сделал еще несколько экспериментов, и похоже, что код

в моем индексном файле переопределяет все. Неважно, что я делаю в new.js.erb, я получаю такое же поведение. – Lumbee

Смежные вопросы