Ruby on Rails - Частичная не рендеринг ссылки при создании

Question

Эй, ребята, я изучаю Rails и у меня интересная проблема

У меня есть этот частичный.

_access_point.html.erb

<div class="card">
  <div class="card-body">
    <div class="card-title">
      <h3 class="text-center"><%= link_to_unless_current access_point.model.upcase, [access_point] %><%= link_to [:edit, access_point], remote: true, class: 'float-right' do fa_icon 'edit lg' end %></h3>
    </div>
    <div class="card-text">
      <p><strong>Manufacturer: </strong><%= access_point.manufacturer %></p>
      <p><strong>Serial number: </strong><%= access_point.serial_number %></p>
      <p><strong>USER: </strong><%= access_point.user %></p>
      <p><strong>PASSWORD: </strong><%= access_point.password %></p>
    </div>
  </div>
</div>

create.js.erb

$('#access-points-cards').append('<%= j render partial: 'access_point', locals: { access_point: @access_point }, layout: 'layouts/col-md-4' %>')
$('#new-access-point').modal('hide')

и я использую модальную форму с remote: true для ее создания, после вставки кнопки EDIT не отображаются в браузере, но отображаются в инструментах разработчика, если я нажму F5, все будет хорошо, не знаю, проблема с турболинками или что-то в этом роде.

Вы можете мне помочь?

Answer 1

Ваша проблема должна заключаться в том, что представление не обновляется в DOM должным образом.Поэтому вместо добавления попробуйте следующее:

• Визуализируйте access_point представление на своей странице всегда

• Измените частичное, чтобы скрыть его с помощью:

  access_point.html.erb : <div class="card hidden"> some_css_file : hidden { display: none }

• Показать частичное при вызове js create.js.erb

  $('.card').show() $('#new-access-point').modal('hide')

• Решите, где разместить $('.card').hide(), если необходимо