Estoy usando la ventana emergente modal de twitter bootstrap.
<div id="myModal" class="modal hide fade in">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>Header</h3>
</div>
<div class="modal-body"></div>
<div class="modal-footer">
<input type="submit" class="btn btn-success" value="Save"/>
</div>
</div>
Puedo cargar contenido usando ajax con este elemento a:
<a data-toggle="modal" data-target="#myModal" href="edit.aspx">Open modal</a>
Ahora tengo que abrir el mismo modal pero usando una URL diferente. Estoy usando este modal para editar una entidad de mi base de datos. Entonces, cuando hago clic en editar en una entidad, necesito cargar el modal con una ID.
<a data-toggle="modal" data-target="#myModal" href="edit.aspx?id=1">Open modal</a>
<a data-toggle="modal" data-target="#myModal" href="edit.aspx?id=2">Open modal</a>
<a data-toggle="modal" data-target="#myModal" href="edit.aspx?id=3">Open modal</a>
Si hago clic en el enlace número 1, funciona bien. Pero si hago clic en el enlace número 2, el contenido modal ya está cargado y, por lo tanto, mostrará el contenido del enlace número 1.
¿Cómo puedo actualizar o restablecer el contenido cargado ajax en una ventana emergente modal de arranque de Twitter?
fuente