Кнопка закрытия в диалоге Jquery

Question

У меня есть пользовательская настройка оповещения для jquery-ui, но по какой-то причине моя кнопка закрытия не закрывает окно. Ниже мой код. Я пытаюсь использовать оповещение о переопределении () с пользовательским интерфейсом jQuery, как упомянуто в этой ссылке. Любая помощь приветствуется. https://andrewensley.com/2012/07/override-alert-with-jquery-ui-dialog/

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type ="text/javascript">
    window.alert = function (message) {
        $(document.createElement('div'))
            .attr({ title: 'Invoice Information', 'class': 'alert' })
            .html(message)
            .dialog({
                draggable: true,
                modal: true,
                resizable: false,
                width: 'auto',
                buttons: {
                    OK: function () {
                        $(this).dialog("close");
                    }
                },
                close: function () { $(this).remove();}
            });
    };
</script>

Answer 1

Я решил свою проблему, просто переместив рендеры и ссылки на скрипты в мой заголовок и переместив мой JS-скрипт в тело.