jQuery对话框上的关闭按钮

Question

I have a custom alert ui setup for jquery-ui, but for some reason my close button doesn't close the window. Below is my code. I am attempting to utilize the override alert() with jQuery UI as mentioned in this link. Any assistance is appreciated. 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脚本移动到正文中，即可解决问题。