Question

这是用于使用Jquery colorbox插件显示叠加层的代码

function inlineLightbox(h) {
    jQuery.colorbox({
        opacity: 0.6,
        inline: true,
        href: h,
        onOpen: function() {
            jQuery('#colorbox').addClass('inline');
        },
        onComplete: function() {
            jQuery('#colorbox a.close, #colorbox a.btn-close').click(function() {
                jQuery.colorbox.close();
                jQuery('#product-popup-help').removeClass('active'); jQuery('#product-editors-notes').addClass('active');
                return false;
            });
        }
    });
}

这就是我如何称呼这个

inlineSigninLightbox('#popup-password-update-confirm');

将在颜色框中显示的叠加层在div中。我的问题是当我关闭颜色框时，我的父窗口正在刷新，我不想要

我不确定为什么会发生这种情况

Answer 1

这段代码对我来说很好看。我相信您的问题是由您的帖子中未包含的内容引起的。

您是否检查过JavaScript控制台是否有错误？

您是否确定您的选择器（'＃colorbox a.close，＃colorbox a.btn-close'）与您点击的链接元素相匹配？

Answer 2

首先要定义inlineLightbox（）函数并且你正在调用其他函数inlineSigninLightbox（'＃popup-password-update-confirm'）;

并且为了防止在单击关闭按钮后重新加载或其他事件冒泡，您可以使用此

$(document).bind('cbox_complete', function(event){
    event.preventDefault();
event.stopPropagation()
});

关闭的ColorBox关闭按钮刷新的父窗口

2 个答案: