fancybox中点击弹出层中的关闭或者取消按钮没有起效果，哪位大神帮忙看一下

Question

 <a href="#addfriend-exp-popup" class="Awardrecipients-exp-congrats" style="display:none;">abc</a>
<div style='display:none;'>@*分享渠道*@
    <div id='addfriend-exp-popup' class='overlay-img'>
        <div class="addfriend_close"><img src="/images/friend_close.png" /></div>
        <div class="addfriend_content">
            <div class="addfriend-title">请选择分享渠道</div>
            <div class="addfriendchannel"><span class="icon-Facebook"></span><span class="icon-tw"></span></div>
            <div class="addfriendslecct"><button class="btnsure">确认</button><button class="btncancel">取消</button></div>@*<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>*@
        </div>
    </div>
</div>

<script>
    $(function () {
        $("#addfriend-exp-popup .addfriend_content .addfriendslecct .btncancel,#addfriend-exp-popup .addfriend_close").click(function (e) {

            e.preventDefault();
            $.fancybox.close();

        });

        $("#Awardrecipients-exp-popup ,#addfriend-exp-popup").fancybox({
            minWidth: 800,
            minHeight: 600,
            tpl: {
                wrap: '<div class="fancybox-wrap congrate-dialog" tabIndex="-1"><div class="fancybox-inner"></div></div>'
            },
            afterShow: function () {
                $('.fancybox-overlay').click(function () {
                    $.fancybox.close();
                });

            },
            onClosed: function () {
                window.document.execCommand('Refresh'); //关闭弹出框之后自动刷新父页面
        }
        });
    })
</script>

Answer 1

测试了没有问题，注意id不要重复，要不id选择器只会选出第一个出现的dom对象