Question

嘿伙计们！制作这个自定义警报框。

<script type="text/javascript">
    $(function () {
        var $alert = $('#alert');
        if ($alert.length) {
            var alerttimer = window.setTimeout(function () {
                $alert.trigger('click');
            });
            $alert.animate({ height: $alert.css('line-height') || '80px' }, 200).click(function () {
                window.clearTimeout(alerttimer);
                $alert.animate({ height: '0' }, 200);
            });
        }
    });
</script>

我想让它一直打开，直到用户选择点击它或屏幕上的任何其他位置。我该怎么做？

Thanx为你提供帮助！

Answer 1

假设点击alert框本身的任何地方（in或out）应该隐藏/删除警报：

$('body').click(
    function(){
        if ($alert.is(':visible')){
            $alert.hide();
        }
    });

我认为

应该有用。

Answer 2

如果您想摆脱它，请在触发onclick事件时尝试调用hide（）函数。

$.click(function() {
  $alert.hide();
});

Answer 3

The top answer here is excellent IMO.它涵盖了关于屏幕上其他任何地方的部分。

执行此操作的方法是将click事件绑定到正文，并停止在不应触发关闭警报的区域内发生的任何事件的传播。

单击时如何关闭警告框？

3 个答案: