码迷,mamicode.com
首页 > 其他好文 > 详细

UIkit的confirm,好看点

时间:2016-01-29 20:02:57      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:

一,官方推荐的样码。

 <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:

技术分享

UIkit的confirm,好看点

标签:

原文地址:http://www.cnblogs.com/aguncn/p/5169281.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!