在Rails 4中单击按钮时无法渲染模式

时间:2018-10-11 19:20:45

标签: javascript ruby-on-rails

我是Rails的初学者,我正在遵循a tutorial来构建Todo应用程序。

当我尝试单击浏览器中的按钮(在下面的application.html.haml代码中)时,什么都没有发生。好像它没有响应。我看到当我将鼠标悬停在按钮上时,应该可以将我定向到localhost:3000/tasks/new

以下是页面的外观快照:

enter image description here

在本教程中,有一个模态用于渲染新的todo任务。模式的代码在new.js.erb> view的{​​{1}}中:

tasks

部分task_form.html.haml代码为:

m = $('#modal');
m.html('<%= j(render partial: 'task_form', locals: {task: @task}) %>');
m.modal('show');

.modal-header %h1 New Task = simple_form_for task, class: 'clearfix' do |f| .modal-body = f.input :title = f.input :note = f.input :completed .modal-footer = f.submit 'Save', class: 'btn btn-primary' 的代码是:

home.html.haml

对于.container - if @tasks.empty? %span.text-warning There are no tasks! - else %table.table.table-hover.table-bordered %thead %tr %th Title %th Created at %th Completed %tbody - @tasks.each do |task| %tr %td %strong= task.title %td.text-info= task.created_at %td.text-success= task.completed #modal.modal.fade 是:

application.html.haml

我尝试到处寻找解决方案,但找不到。我以为我会把它张贴在这里,以寻求任何优秀的撒玛利亚人的帮助。.您能告诉我为什么看不到这种情态吗?

非常感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我终于明白了。我忘了安装gem'jquery-rails'并为application.jsapplication.scss做必要的添加。之后重新启动服务器将导致出现模式。谢谢!