Cargar URL dinámico a través del modal

Digamos que tengo el siguiente enlace que se genera X veces por un bucle.Cargar URL dinámico a través del modal

<a class="btn" data-toggle="modal" data-target="#view_more" href="/item/view/<?php echo $item_id; ?>">Launch Modal</a>

Aquí está la secuencia de comandos JS que inicia el modal.

$(document).ready(function() { 
    $('#view_more').modal({ 
     remote: '/item/view/1', 
     show:false 
}); // Start the modal

funciona cuando el remote url es codificado, pero me gustaría que sea dinámica en función de lo que se le pasa.

Fuente

2012-09-09 luckytaxi

El modal plug-in ejecuta el método load() en ella de constructores, así que realmente la única manera de cambiar el contenido remoto de un modal (que no sea haciendo manualmente el AJAX mismo) es destruirla antes de hacer otra llamada:

$('#view_more') 
    .removeData('modal') 
    .modal({ 
    remote: someURL, 
    show: false 
    });

Hay más detalles en respuesta a un puesto similar: Twitter bootstrap remote modal shows same content everytime

Fuente

2012-09-09 18:22:02 merv

bien, pero ¿cómo puedo pasar la URL correcta en el campo 'remote'? Si tengo múltiples enlaces, cada uno llama a su URL respectiva. – luckytaxi

Si está incluyendo las URL remotas en los atributos 'href' de los anclajes, el complemento modal los usará automáticamente como valor' remoto 'en la inicialización. El problema es que debe destruir el objeto modal cada vez para que se reinicie en clics posteriores. La opción que sugerí en la otra respuesta a la que me he vinculado es destruir el objeto modal cuando se activa un evento ** hidden **. – merv

Lo tengo, no me di cuenta de que el 'href' se pasa automáticamente. Tu solución funciona perfectamente, ¡gracias! – luckytaxi

Cargar URL dinámico a través del modal

Respuesta

Cuestiones relacionadas