Question

I need to view the dynamic content in fancybox

my code looks like

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

and fancy box content

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

fancybox call

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

    });

Now the problem is popup opening for first anchor link only, i want to open popup for each link with different content (from database)based on profile id.

Answer 1

you should not use one ID for multiple elements, use class instead:

<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');
})