ฉันได้อ่านโพสต์ที่นี่เว็บไซต์ Bootstrap และ Googled อย่างบ้าคลั่ง - แต่ไม่สามารถหาสิ่งที่ฉันแน่ใจว่าเป็นคำตอบที่ง่าย ...
ฉันมี Bootstrap เป็นกิริยาช่วยที่ฉันเปิดจากผู้ช่วย link_to เช่นนี้
<%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %>
ในของฉันContactsController.create
การกระทำฉันมีรหัสที่สร้างแล้วผ่านออกไปContact
create.js.erb
ในcreate.js.erb
ฉันมีรหัสการจัดการข้อผิดพลาด (การผสมผสานของทับทิมและจาวาสคริปต์) หากทุกอย่างไปได้ด้วยดีฉันต้องการปิดคำกริยา
ที่นี่ฉันมีปัญหา ฉันไม่สามารถละทิ้งคำกริยาเมื่อทุกอย่างเป็นไปด้วยดี
ฉันลอง$('#myModal').modal('hide');
แล้วและนี่ไม่มีผล ฉันได้ลองแล้ว$('#myModal').hide();
ซึ่งเป็นสาเหตุให้คำสั่งยกเลิก แต่ออกจากฉากหลัง
คำแนะนำเกี่ยวกับวิธีการปิดคำกริยาและ / หรือยกเลิกฉากหลังจากภายในcreate.js.erb
?
แก้ไข
นี่คือมาร์กอัปสำหรับ myModal:
<div class="modal hide" id="myModal" >
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Add Contact</h3>
<div id="errors_notification">
</div>
</div>
<div class="modal-body">
<%= form_for :contact, url: contacts_path, remote: true do |f| %>
<%= f.text_field :first_name, placeholder: "first name" %>
<%= f.text_field :last_name, placeholder: "last name" %>
<br>
<%= f.submit "Save", name: 'save', class: "btn btn-primary" %>
<a class="close btn" data-dismiss="modal">Cancel</a>
<% end %>
</div>
<div class="modal-footer">
</div>
</div>
myModal
แน่นอน ฉันลองใหม่$('myModal').modal('hide')
และยังไม่ดี HM ในแง่ของสิ่งที่ฉันพยายามทำให้สำเร็จฉันคิดว่ามันอาจไม่ถูกต้องที่จะใช้ตัวช่วย link_to ฉันได้แทนที่สิ่งนี้ด้วย: <a data-toggle="modal" href="#myModal" class="btn btn-primary">Add Contact</a>
เนื่องจากฉันไม่ต้องการการโทรnew_contact_path
จริงๆ ฉันแค่ต้องการให้ modal เปิดและจัดการกับอินพุตของผู้ใช้ ขอบคุณที่สละเวลาตอบ ฉันจะดูว่าฉันไม่สามารถจัดเรียงนี้
$('#myModal').modal('hide');
(มี#
ความคิดเห็นของคุณหายไป)
$('#myModal').modal('hide')
รหัสจริงอ่าน: J
$('#myModal').modal('hide');
เป็นไวยากรณ์ที่ถูกต้องในการปิด / ซ่อน modal ด้วย idmyModal
(คุณสามารถทดสอบสิ่งนี้ได้ในหน้าเอกสาร Bootstrap ) คุณแน่ใจหรือว่าคุณมีองค์ประกอบที่มีรหัสนี้ในหน้าของคุณ? นอกจากนี้คุณพยายามทำอะไรกับการโทรนี้? การติดตั้งในปัจจุบันของคุณดำเนินการตามคำขอของ Ajaxnew_contact_path
และในเวลาเดียวกันก็เปิดใช้คำกริยาที่มีเนื้อหาของ#myModal
- นี่คือสิ่งที่คุณต้องการหรือไม่?