jquery - example - Vista de contenido dinámico usando fancybox

fancybox video

Question

Necesito ver el contenido dinámico en fancybox

mi código se ve como

<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 caja

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

llamada a la fancybox

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

    });

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

Answer 1

no debe usar una ID para múltiples elementos, use class 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'');
})

Answer 2

No puedes 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''

    });