Неспособность отобразить модальное содержание в рельсах

Question

У меня есть следующий файл

_result.html.erb
_show.html.erb
_show.js.erb

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

_show.html.erb

<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
  <h3 class="section_title">
Hello this is the Show modal
  </h3>
    </div>
  </div>
</div>

_result.html.erb (находится в Welcome.html.erb)

<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content"></div>
  </div>
</div>

show.js.erb

$("#modal-window").find(".modal-content").html("<%= j (render 'invitations/show') %>");
$("#modal-window").modal('show');

Все, что я сейчас получаю, это строка:

Кто-нибудь знает, почему содержимое не отображается, хотя я буквально использовал одну и ту же метку и идентификатор метки Kolosek - Создание модального в рельсах Контроллер:

  def show
    @invitation = Invitation.find(params[:id])

    respond_to do |format|
      format.html
      format.js {render :layout => false}
    end
  end

Answer 1

Я вижу, что вы следуете этому учебнику, чтобы создать модал, но ваш код неверен! Вы пытаетесь отобразить модальное значение внутри другого модального , вместо этого вы должны отобразить его содержимое внутри модального элемента. Измените ваш _show.html.erb ниже

#_show.html.erb
<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal">x</button>
  <h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
  *Modal content comes here*
</div>
<div class="modal-footer">
  <button class="btn btn-primary">Save</button>
</div>