3

ファンシーボックスで動的コンテンツを表示する必要があります

私のコードは次のようになります

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

ファンシーボックスの中身

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

ファンシーボックスコール

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

    });

問題は、最初のアンカー リンクのみのポップアップを開くことです。プロファイル ID に基づいて (データベースから) 異なるコンテンツを持つ各リンクのポップアップを開きたいと考えています。

4

2 に答える 2

3

異なる要素に同じ ID を使用することはできません。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'

    });
于 2012-07-04T03:52:47.497 に答える
2

ID複数の要素に1 つを使用しないでくださいclass。代わりに次を使用してください。

<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');
})
于 2012-07-04T03:53:14.570 に答える