单击内容时灯箱关闭

发布于 2024-12-22 19:21:37 字数 1798 浏览 2 评论 0原文

我有一个灯箱,里面有 jwplayer,而且我也有链接,问题是,当我单击其中一个链接时,它会关闭灯箱,并且永远不会转到该链接,几乎就像在灯箱,当没有...无论如何,这是我的代码,我感谢我能得到的任何帮助来解决这个问题。

谢谢

jQuery.fn.center = function () {
    this.css("position","fixed");
    this.css("top", ( $(window).height() - this.outerHeight() ) / 2 + "px");
    this.css("left", ( $(window).width() - this.outerWidth() ) / 2 + "px");
    return this;
}

jQuery.jwbox = {
    lightbox    :   null,
    player  : null,
    toggle  : function(context) {
        if (!$.jwbox.lightbox) {
                $.jwbox.lightbox = $(".jwbox_hidden", context);
                $.jwbox.center();
                $("#jwbox_background").fadeIn("fast");
                $.jwbox.lightbox.css("display","block")
                $.jwbox.center();
                $("#jwbox_background").fadeTo(0, 0.8);
                $("object", context).each(function(){
                    $.jwbox.player = document.getElementById(this.id);
                });
        } else if ((context.className == 'jwbox_content')) {
        } else {
            try {
                $.jwbox.player.sendEvent("STOP");
                $.jwbox.player = null;
            } catch (err) {
            }
            $.jwbox.lightbox.css("display","none");
            $.jwbox.lightbox = null;
            $("#jwbox_background").fadeOut("fast");
        }
    },
    center  : function() {
        if ($.jwbox.lightbox) {
            $.jwbox.lightbox.center();
        }
    }
}

$(document).ready(function () {
    $("body").append('<div id="jwbox_background">&nbsp;</div>');
    $(".jwbox").click(function () {$.jwbox.toggle(this); return false;});
    $("#jwbox_background").click(function () {$.jwbox.toggle(this); return false;});
    $(window).resize(function() {$.jwbox.center();});
});

I have a lightbox with jwplayer inside of it and i also have links along with it, problem is that when I click one of the links it closes the light box and never goes to the link, almost as if there is a eventprevent function on the light box when there isnt... Any how this is my code I apprecaite any help I can get to to fixing this problem.

Thanks

jQuery.fn.center = function () {
    this.css("position","fixed");
    this.css("top", ( $(window).height() - this.outerHeight() ) / 2 + "px");
    this.css("left", ( $(window).width() - this.outerWidth() ) / 2 + "px");
    return this;
}

jQuery.jwbox = {
    lightbox    :   null,
    player  : null,
    toggle  : function(context) {
        if (!$.jwbox.lightbox) {
                $.jwbox.lightbox = $(".jwbox_hidden", context);
                $.jwbox.center();
                $("#jwbox_background").fadeIn("fast");
                $.jwbox.lightbox.css("display","block")
                $.jwbox.center();
                $("#jwbox_background").fadeTo(0, 0.8);
                $("object", context).each(function(){
                    $.jwbox.player = document.getElementById(this.id);
                });
        } else if ((context.className == 'jwbox_content')) {
        } else {
            try {
                $.jwbox.player.sendEvent("STOP");
                $.jwbox.player = null;
            } catch (err) {
            }
            $.jwbox.lightbox.css("display","none");
            $.jwbox.lightbox = null;
            $("#jwbox_background").fadeOut("fast");
        }
    },
    center  : function() {
        if ($.jwbox.lightbox) {
            $.jwbox.lightbox.center();
        }
    }
}

$(document).ready(function () {
    $("body").append('<div id="jwbox_background"> </div>');
    $(".jwbox").click(function () {$.jwbox.toggle(this); return false;});
    $("#jwbox_background").click(function () {$.jwbox.toggle(this); return false;});
    $(window).resize(function() {$.jwbox.center();});
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

何处潇湘 2024-12-29 19:21:37

我遇到了类似的问题。我通过切换到 jQuery colorbox 解决了这个问题。请参阅:http://jacklmoore.com/colorbox/#setting-overlayclose

I ran into a similar issue. I resolved it by switching to jQuery colorbox. See: http://jacklmoore.com/colorbox/#setting-overlayclose

权谋诡计 2024-12-29 19:21:37

解决方案:

使用下载包中的 jquery.lightbox-0.5 文件

,然后在该文件中搜索

// Assigning click events in elements to close overlay
$('#jquery-overlay,#jquery-lightbox').click(function() {
    _finish();
}); 

并将其全部删除。

Solution :

Use jquery.lightbox-0.5 file from the download package

Then in this file search for

// Assigning click events in elements to close overlay
$('#jquery-overlay,#jquery-lightbox').click(function() {
    _finish();
}); 

and remove it all.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文