UIkit的confirm,好看点

简介:

一,官方推荐的样码。

 <button type="button" class="uk-button" onclick="UIkit.modal.prompt('Name:', '', function(val){ UIkit.modal.alert('Hello '+(val || 'Mr noname')+'!'); });">Prompt</button>

<pre><code>UIkit.modal.prompt("Name:", value, function(newvalue){
    // 点击OK提交后执行
});</code></pre>

 

二,我实现的样码

复制代码
var statu = UIkit.modal.confirm("将发布单" + deploy_version + "从" + org_type + "部署到" + env_type + "环境。是否确认?" ,function() {
            promiseJenkins = $.ajax({
                url:'/valid/env_valid/',
                type: 'post',
                data:{
                    deploy_version: deploy_version,
                    env_type: env_type,
                    org_type: org_type,
                },
                dataType: 'json',
                beforeSend: function(){
                    $(_self).attr('disabled',"true");
                    $(_self).append(" <i class='uk-icon-cog uk-icon-spin'></i>");

                },
                error: function(){
                    alert('500 Error.');
                },
                success: function(json){
                    $(_self).children('i').remove();
                    $(_self).append(" <i class='uk-icon-check'></i>")
                    window.location.reload();
                    console.log(json);
                    UIkit.notify(json.return,  {timeout: 0});
                }
            });
        });
复制代码

三,LOOK:

目录
相关文章
|
15天前
|
移动开发 JavaScript 小程序
uView ActionSheet 操作菜单
uView ActionSheet 操作菜单
22 1
|
iOS开发
iOS开发UI之日期控件的使用(UIDatePicker)
iOS开发UI之日期控件的使用(UIDatePicker)
369 0
|
10月前
|
Android开发 UED
好看的Dialog加载动画
好看的Dialog加载动画
ElementUI MessageBox 防止多次弹框
项目使用 axios 拦截器进行接口响应判断处理,通过判断返回的 code 验证用户 token 是否过期,或者 token 无效, 使用 Element MessageBox 弹框提示。
ElementUI MessageBox 防止多次弹框
初学者自定义按钮UIButton
之前写了一篇自定义按钮的文章,不过还有两种比较适合初学者的自定义按钮的方法 第一种:用系统的按钮,然后在按钮上添加一张图片UIImageView,然后再按钮上添加一段文字UILabel 这种比较奇葩一点,不过也是初学者最容易想到的方法。不推荐使用。
84 0
初学者自定义按钮UIButton
|
iOS开发
仿IOS弹出框及提示框(含Demo)
仿IOS弹出框及提示框(含Demo)
仿IOS弹出框及提示框(含Demo)
超酷Loading进度条
在线演示 本地下载
961 0
|
前端开发 JavaScript
jquery + Bootstrap : data-toggle="popover"鼠标放上去显示悬浮层 Tips
image.png jquery鼠标放上去显示悬浮层 Tips html js $(() => { var tip = $('#time_range_fa'); $(tip).
2128 0