ฉันใช้ bootstrap ของ Twitter ฉันได้ระบุโมดัล
<div class="modal hide" id="modal-item">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3>Update Item</h3>
</div>
<form action="http://www.website.com/update" method="POST" class="form-horizontal">
<div class="modal-body">
Loading content...
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<button class="btn btn-primary" type="submit">Update Item</button>
</div>
</form>
</div>
และการเชื่อมโยง
<a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a>
<a href="http://www.website.com/item/2" data-target="#modal-item" data-toggle="modal">Edit 2</a>
<a href="http://www.website.com/item/3" data-target="#modal-item" data-toggle="modal">Edit 2</a>
เมื่อฉันคลิกที่ลิงค์ใด ๆ เหล่านี้เป็นครั้งแรกฉันเห็นเนื้อหาที่ถูกต้อง แต่เมื่อฉันคลิกที่ลิงก์อื่น ๆ มันจะแสดงเนื้อหาเดียวกันที่ถูกโหลดเป็นครั้งแรกมันไม่ได้อัปเดตเนื้อหา
ฉันต้องการให้อัปเดตทุกครั้งที่คลิก
PS: ฉันสามารถทำให้มันทำงานผ่านฟังก์ชั่นที่กำหนดเอง jQuery แต่ฉันต้องการที่จะรู้ว่ามันเป็นไปได้ด้วยพื้นเมืองฟังก์ชั่นระยะไกล Bootstrap modal เพราะมันควรจะง่ายพอและฉันคิดว่าฉันเป็นเพียงแค่สิ่งที่ซับซ้อน
remote
Modals นั้นเลิกใช้แล้วใน Bootstrap v3.2.1และจะหายไปใน v4