Не удается отобразить модальный режим при нажатии кнопки в Rails 4 - PullRequest
0 голосов
/ 11 октября 2018

Я новичок в Rails и следую учебнику по созданию приложения Todo.

Когда я пытаюсь нажать кнопку в браузере (в коде application.html.haml ниже), ничего не происходит.Это как будто это не отвечает.Я вижу, когда я наводю курсор на кнопку, она должна направить меня к localhost:3000/tasks/new.

Вот снимок того, как выглядит страница на данный момент:

enter image description here

В учебном пособии используется модальное устройство, которое используетсясделать новое задание todo.Код для модального режима находится в new.js.erb в view> tasks:

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

Частичный код task_form.html.haml:

.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 это:

!!!
%html
  %head
    %title Todo
    = csrf_meta_tags
    = csp_meta_tag
    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
  %body
    .container
      .jumbotron.text-center
        %h1
          ToDo
        %p
          Welcome to the tutorial's ToDo application
        = link_to 'New task', new_task_path,  class:  'btn btn-primary', remote: true  
    = yield

Я пытался найти решение везде, но не смог его найти.Я думал, что выложу это здесь для помощи от любых добрых самаритян .. Не могли бы вы дать мне знать, почему я не вижу модал?

Большое спасибо за любую помощь.

1 Ответ

0 голосов
/ 12 октября 2018

Я наконец получил это.Я забыл установить гем 'jquery-rails' и внести необходимые дополнения в application.js и application.scss.Перезапуск сервера после этого привел к модальности.Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...