Janent168
侒然
采纳率54.5%
2017-11-08 02:15 阅读 1.6k

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

10
 <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>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

1条回答 默认 最新

  • showbo GoCityPass新加坡曼谷通票 2017-11-08 02:55

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

    点赞 4 评论 复制链接分享

相关推荐