Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在x秒后关闭精益模式弹出窗口?_Javascript_Jquery - Fatal编程技术网

Javascript 如何在x秒后关闭精益模式弹出窗口?

Javascript 如何在x秒后关闭精益模式弹出窗口?,javascript,jquery,Javascript,Jquery,好的,我正在使用一个精益模式脚本,我希望在它处理完我的代码后,在3秒钟后自动关闭。精益模式脚本如下所示: (function($) { $.fn.extend({ leanModal: function(options) { var defaults = { top: 100, overlay: 0.5, closeButton: null

好的,我正在使用一个精益模式脚本,我希望在它处理完我的代码后,在3秒钟后自动关闭。精益模式脚本如下所示:

(function($) {
    $.fn.extend({
        leanModal: function(options) {
            var defaults = {
                top: 100,
                overlay: 0.5,
                closeButton: null
            };
            var overlay = $("<div id='lean_overlay'></div>");
            $("body").append(overlay);
            options = $.extend(defaults, options);
            return this.each(function() {
                var o = options;
                $(this).click(function(e) {
                    var modal_id = $(this).attr("href");
                    $("#lean_overlay").click(function() {
                        close_modal(modal_id)
                    });
                    $(o.closeButton).click(function() {
                        close_modal(modal_id)
                    });
                    var modal_height = $(modal_id).outerHeight();
                    var modal_width = $(modal_id).outerWidth();
                    $("#lean_overlay").css({
                        "display": "block",
                        opacity: 0
                    });
                    $("#lean_overlay").fadeTo(200, o.overlay);
                    $(modal_id).css({
                        "display": "block",
                        "position": "fixed",
                        "opacity": 0,
                        "z-index": 11000,
                        "left": 50 + "%",
                        "margin-left": -(modal_width / 2) + "px",
                        "top": o.top + "px"
                    });
                    $(modal_id).fadeTo(200, 1);
                    e.preventDefault()
                })
            });

            function close_modal(modal_id) {
                $("#lean_overlay").fadeOut(200);
                $(modal_id).css({
                    "display": "none"
                })
            }
        }
    })
})(jQuery);

您可以触发点击覆盖关闭模式或触发点击关闭按钮(如果有)。 试试这个

$("#lean_overlay").trigger("click");

您可以触发点击覆盖关闭模式或触发点击关闭按钮(如果有)。 试试这个

$("#lean_overlay").trigger("click");

谢谢您!成功了。不知道你可以触发点击。谢谢!成功了。不知道你可以触发点击。