首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery工具:如何关闭覆盖?

jQuery工具:如何关闭覆盖?
EN

Stack Overflow用户
提问于 2010-07-17 00:04:45
回答 7查看 26.8K关注 0票数 9
代码语言:javascript
运行
复制
$("a[rel]").getOverlay().close();
$("a[rel]").close();

两者都不起作用。

代码语言:javascript
运行
复制
$(document).ready(function () {
        $("a[rel]").overlay({
            mask: '#3B5872',
            effect: 'apple',
            onBeforeLoad: function () {
                var wrap = this.getOverlay().find(".contentWrap");
                wrap.load(this.getTrigger().attr("href"));
            },
            onLoad: function () {
                $('.contentWrap form').submit(function (event) {
                    event.preventDefault();
                    $("a[rel]").overlay().close();
                    hijack(this, update_employees, "html");
                });
            }
        });
    });

    function hijack(form, callback, format) {
        $.ajax({
            url: form.action,
            type: form.method,
            dataType: format,
            data: $(form).serialize(),
            success: callback
        });
    }

    function update_employees(result) {
        $("#gridcontainer").html(result);
    }

有什么建议吗?

我使用Chrome是因为onLoad事件在FF中似乎不能正常工作。

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2010-07-17 00:10:08

如下所示:

代码语言:javascript
运行
复制
$("a[rel]").overlay().close();

对于他们的大多数脚本,你调用原始方法,例如.overlay(),然后在该对象上调用the method you want

票数 18
EN

Stack Overflow用户

发布于 2010-07-17 01:01:48

如果你想在js中关闭它,你需要在属性中设置api:true

代码语言:javascript
运行
复制
var overlay = $("a[rel]").overlay({
    ...
    api:true
});

overlay.close();
票数 10
EN

Stack Overflow用户

发布于 2011-07-20 10:50:14

问题是,在将overlay分配给一个类的情况下,将有许多overlay元素,因此所有元素都必须关闭:

代码语言:javascript
运行
复制
$.each($(".caddy_grid"), function(i, v){$(v).overlay().close();})

或者,也可以模拟单击close按钮:

在我的例子中,触发覆盖的类是caddy_grid_overlay,,因此可以通过以下方式访问close按钮:

代码语言:javascript
运行
复制
$('.caddy_grid_overlay .close').click();
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3266780

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档