Question

我想这样做：

$.modal("<div><h1>SimpleModal</h1></div>").delay(500).close();

我也喜欢在点击屏幕上的任何地方时关闭模态div，所以它不是真正的模态; - ）

但菊花链似乎不起作用。怎么解决这个问题？

Answer 1

这将有效：

$.modal('<div><h1>SimpleModal</h1></div>', {
    overlayClose: true,
    onShow: function() {
        setTimeout($.modal.close, 500);
    }
})

更新

$.modal('<div>HELLO</div>', {
    overlayClose: true,
    onShow: function() {
        var timer;
        $('#simplemodal-container').bind({
            mouseenter: function() {
                clearTimeout(timer);
            },
            mouseleave: function() {
                timer = setTimeout($.modal.close, 1500);
            }
        })
        .trigger('mouseleave');
    }
});

Answer 2

我没有测试过这个，但是你尝试过这样的事吗？

var $modal = $.modal("<div><h1>SimpleModal</h1></div>").delay(500).close();
$('body').not($modal).click(function() {
    $modal.close();
});

延迟后，simplemodal autoclose

2 个答案:

更新