我是Rails的初学者,我正在遵循a tutorial来构建Todo应用程序。
当我尝试单击浏览器中的按钮(在下面的application.html.haml代码中)时,什么都没有发生。好像它没有响应。我看到当我将鼠标悬停在按钮上时,应该可以将我定向到localhost:3000/tasks/new
。
以下是页面的外观快照:
在本教程中,有一个模态用于渲染新的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
我尝试到处寻找解决方案,但找不到。我以为我会把它张贴在这里,以寻求任何优秀的撒玛利亚人的帮助。.您能告诉我为什么看不到这种情态吗?
非常感谢您的帮助。
答案 0 :(得分:0)
我终于明白了。我忘了安装gem'jquery-rails'并为application.js
和application.scss
做必要的添加。之后重新启动服务器将导致出现模式。谢谢!