Vista de contenido dinámico usando fancybox

Necesito ver el contenido dinámico en fancybox

mi código parece

<a id="featureExpertPopup" href="#featureExpertPop">View Profile </a>
<a id="featureExpertPopup" href="#featureExpertPop">View Profile </a>
<a id="featureExpertPopup" href="#featureExpertPop">View Profile </a>

y elegante contenido de la caja

<div style="display: none;">
    <div id="featureExpertPop" style="overflow:auto;">Dynamic Profile</div>
</div>

Llamada elegante

$("#featureExpertPopup").fancybox({
        'titlePosition'     : 'inside',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none'

    });

Ahora el problema es que la ventana emergente se abre solo para el primer enlace de anclaje, quiero abrir una ventana emergente para cada enlace con contenido diferente (de la base de datos) según la identificación del perfil.

preguntado el 04 de julio de 12 a las 04:07

2 Respuestas

No puede usar la misma ID para diferentes elementos. Usar clase en lugar de ID

<a class="featureExpertPopup" href="#featureExpertPop">View Profile </a>
<a class="featureExpertPopup" href="#featureExpertPop">View Profile </a>
<a class="featureExpertPopup" href="#featureExpertPop">View Profile </a>


$(".featureExpertPopup").fancybox({
        'titlePosition'     : 'inside',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none'

    });

Respondido 04 Jul 12, 04:07

Gracias Miqdad Ali, lo arreglé. - iLaYa ツ

no debes usar uno ID para varios elementos, utilice class en lugar:

<a class="featureExpertPopup" id='one' href="#featureExpertPop">View Profile </a>
<a class="featureExpertPopup" id='two' href="#featureExpertPop">View Profile </a>
<a class="featureExpertPopup" id='three 'href="#featureExpertPop">View Profile </a>\

$(".featureExpertPopup").fancybox({ ... })

$('a').click(function(e){
    e.preventDefault();
    var href = $(this).attr('href') + $(this).attr('id');
})

Respondido 04 Jul 12, 05:07

Hola, gracias por la respuesta inmediata. Está funcionando bien. Ahora quiero enviar la identificación para generar contenido dinámico.<a class="featureExpertPopup" href="#featureExpertPop?1d=1">View Profile </a> - iLaYa ツ

¿Podemos obtener la identificación usando el método php get o de alguna otra manera? necesito pasar el id con href como href="profile.php?id=1" - iLaYa ツ

@LearneR lamentablemente no, pruebe la respuesta actualizada, también puede modificar el href atributo manualmente. - indefinido

Finalmente lo obtuve, hice un archivo separado para el contenido emergente y pasé la identificación como cadena de consulta. Funcionando bien. Gracias por tu tiempo. - iLaYa ツ

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.