單擊時如何關閉警報框？

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> 

我希望它一直打開，直到用戶選擇單擊它或屏幕上的任何其他位置。 我讓誰來做這件事？

感謝您的幫助！

Answer 1

假設單擊任何位置（ alert框本身的內部或外部）應該隱藏/刪除警報：

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

應該工作，我想。

Answer 2

如果您想擺脫它，請嘗試在觸發 onclick 事件時調用 hide() function。

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

Answer 3

這里的最佳答案是優秀的 IMO。 它涵蓋了屏幕上其他任何地方的部分。

這樣做的方法是將click事件綁定到正文，並停止在不應觸發關閉警報的區域內發生的任何事件的傳播。