13HUI - 模态对话框（hui.alert、hui.confirm）

效果图

hui.alert(msg, buttonName, callback) 警告框

功能：弹出警告窗口 参数: 1、消息内容； 2、按钮名称，可省参数，默认 “确认”； 3、点击按钮后的回调函数，可选参数；

hui.alerthui.alerthui.confirm(msg, buttonNames, callback) 确认对话框

功能：弹出确认对话窗口 参数: 1、消息内容； 2、[数组形式的按钮名称]，可省参数，默认 [‘取消’,‘确定’]； 3、点击确认按钮后的回调函数；

hui.prompt(msg, buttonNames, callback) 输入对话框

功能：弹出输入对话窗口 参数: 1、消息内容； 2、[数组形式的按钮名称]，可省参数，默认 [‘取消’,‘确定’]； 3、点击确认按钮后的回调函数（自动传递输入内容）；

完整代码

HUI - 对话框组件




    

    HUI - 对话框组件


    

        

        
通用对话框
        

    
    

        打开警告提示框
        打开确认提示框
        打开输入提示框
   



hui('#btn1').click(function(){hui.alert('警告信息！','好的', function(){console.log('ok');});});
hui('#btn2').click(function(){
    hui.confirm('您确认要这样做吗？', ['取消','确定'], function(){
        console.log('确认后执行...');
    },function(){
        console.log('取消后执行...');
    });
});
hui('#btn3').click(function(){
    hui.prompt('请输入您的称呼？', ['取消','确定'], function(name){
        console.log('您输入了 :' + name);
    }, '例如 : 张三', '张三',function(){console.log('您点击了取消')});
});