Despite researching several resources on BS modals with AJAX, such as the one found here: Bootstrap Modal in Rails Keeps displaying the first record, I am still encountering issues.
Upon implementing AJAX (using JQuery 2.1.1), the modal successfully opens, but the modal-body remains empty.
My objectives are twofold: A) to directly showcase an attribute (as demonstrated in the code below) for illustrative purposes, and B) subsequently display the show and edit views through partials.
Below is the relevant code:
/controllers/security_questions_controller.rb
def index
@security_questions = SecurityQuestion.all
respond_to do |format|
format.html
format.json
end
end
def show
@security_question = SecurityQuestion.find(params[:id])
respond_to do |format|
format.html
format.json
end
end
/views/security_questions/index.html.erb
<% @security_questions.each do |security_question| %>
. . .
<td><%= link_to 'Show', security_question_path(security_question), data: {toggle: "modal", target: "#myModal"}, remote: true %></td>
. . .
<% end %>
. . .
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
. . .
<div class="modal-body">
</div>
. . .
</div>
/views/security_questions/show.js.erb
$("#modal-body").html('<%= j(render @security_question.id) %>');
$('#myModal').modal('show');
The firebug console indicates a successful call when attempting to open the modal
GET http://localhost/security_questions/3 200 OK 1.21s
. . .
<div class="row-fluid">
<div class="col-sm-offset-4 col-sm-4">
What is the name of your first pet?
</div>
</div>
No errors appear in log/development.log
Started GET "/security_questions/3" for 127.0.0.1 at 2014-12-27 10:44:13 -0800
Processing by SecurityQuestionsController#show as JS
Parameters: {"id"=>"3"}
SecurityQuestion Load (0.2ms) SELECT `security_questions`.* FROM `security_questions` WHERE `security_questions`.`id` = 3 LIMIT 1
Rendered security_questions/show.html.erb within layouts/application (2.8ms)
Rendered layouts/_shim.html.erb (0.6ms)
Rendered layouts/_header.html.erb (15.4ms)
Rendered layouts/_flash.html.erb (1.0ms)
Rendered layouts/_footer.html.erb (2.3ms)
Completed 200 OK in 1164ms (Views: 1136.1ms | ActiveRecord: 1.9ms)