9
$("a[rel]").getOverlay().close();
$("a[rel]").close();

两者都不起作用。

$(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 中似乎无法正常工作。

4

7 回答 7

18

像这样:

$("a[rel]").overlay().close();

对于他们的大部分脚本,您调用原始方法,例如,.overlay()然后在该对象上调用您想要的方法。

于 2010-07-16T16:10:08.210 回答
10

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

var overlay = $("a[rel]").overlay({
    ...
    api:true
});

overlay.close();
于 2010-07-16T17:01:47.603 回答
5

如果将叠加层分配给一个类,问题在于会有很多叠加层元素,因此必须关闭所有元素:

$.each($(".caddy_grid"), function(i, v){$(v).overlay().close();})

或者,可以模拟单击关闭按钮:

在我的例子中触发覆盖的类是caddy_grid_overlay,所以关闭按钮可以访问为:

$('.caddy_grid_overlay .close').click();
于 2011-07-20T02:50:14.020 回答
2

尝试

$("a[rel]").data("overlay").close();

我用它来关闭我的叠加层。

来源:http: //forum.jquery.com/topic/have-trouble-timing-jquery-tools-overlay-to-close-after-a-few-seconds

于 2011-09-05T16:30:16.787 回答
2

它会为您工作,请在此处参考代码,

var api = $("a[rel]").data("overlay");

api.close();//close this overlay

参考 :

http://jquerytools.org/documentation/overlay/index.html#api

http://jquerytools.org/documentation/scripting.html

于 2012-06-19T04:21:30.063 回答
1
 $(document).ready(function() { 
    var overlayObject = $("a[rel]").overlay({ 
        top: 50,
        expose: {
                    color: '#232323',
                    closeOnClick: true
                },

                onClose:function() {   
                    $('#reg-login').hide();
                    $('#reg-register').hide();
                },
        effect: 'apple'
 });    
于 2012-03-27T22:20:59.200 回答
0

你可以创建一个函数并从任何你想要的地方调用它。

这个函数将基于类名和链接工作。

函数 closeOverlay() { 警报('aa'); var overlay = $(\"a.ShowOverlay\").overlay({ api:true });

    overlay.close();
}
于 2014-12-24T21:16:15.050 回答