如何用jqueryui的dialog制作一个alert弹窗

Javascript 梦想屋 2019-7-2 2238 0

使用JqueryUI时，页面里写了一个$.alert方法，报以下错误：

Uncaught TypeError: $.alert is not a function

本来以为jqueryui应该有这个方法，但由此来看是没有的。

对于jqueryui的dialog对话框，想实现类似alert的功能，可以定制标题、内容，于是写了一个方法：

function dwuAlert(content, title) {
$(body).append('<div id="dwuAlert" class="dreamwu-alert"></div>');
$('#dwuAlert').dialog({
            title: title,
            modal: true,
            open: function(ui){
                $(ui.target).html(content);
            },
            buttons:{
                '确定':function(){
                    $(this).dialog('close');
                }
            }
        });
}

调用方式：

dwuAlert('Hello World!');

以上只是简单的功能实现，还有很多地方需要优化。JqueryUI在这方面竟然没有封装，也是有点遗憾，

javascript jqueryui dialog alert error Java html YUI 错误

如何用jqueryui的dialog制作一个alert弹窗

您可能还会对下面的文章感兴趣：

相关文章