3

我需要查看fancybox中的动态内容

我的代码看起来像

<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对多个元素使用一个，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 回答