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:

时间: 2024-10-27 20:27:18

UIkit的confirm,好看点的相关文章

为Vue2集成UIkit

引言:Vue只是为我们提供了一个很优秀的前端组件式开发框架,但单纯依靠Vue是做不出一个漂亮的网页应用的,甚至连"不难看"这个标准都达不到.这个时候借助界面框架UIkit能够很好地解决这一问题. 本文出自<Vue2实践揭秘>一书. 在实际开发中,还有很多常用组件,例如,分页.按钮.输入框.导航栏.日期/时间选择器.图片输入,等等.很明显的是这些组件的通用性已不单单存在于一个项目内,而是所有的项目都需要!这是个比拼开发速度的年代,我们已经没有时间重复发明轮子了,最正确的选择是

WWDC 2013 Session笔记 - UIKit Dynamics入门

这是我的WWDC2013系列笔记中的一篇,完整的笔记列表请参看这篇总览.本文仅作为个人记录使用,也欢迎在许可协议范围内转载或使用,但是还烦请保留原文链接,谢谢您的理解合作.如果您觉得本站对您能有帮助,您可以使用RSS或邮件方式订阅本站,这样您将能在第一时间获取本站信息. 本文涉及到的WWDC2013 Session有 Session 206 Getting Started with UIKit Dynamics Session 221 Advanced Techniques with UIKit

难怪苹果系统的界面这么好看 - 原生支持 OpenGL 的原因

难怪苹果系统的界面这么好看 - 原生支持 OpenGL 的原因 太阳火神的美丽人生 (http://blog.csdn.net/opengl_es) 本文遵循"署名-非商业用途-保持一致"创作公用协议 转载请保留此句:太阳火神的美丽人生 -  本博客专注于 敏捷开发及移动和物联设备研究:iOS.Android.Html5.Arduino.pcDuino,否则,出自本博客的文章拒绝转载或再转载,谢谢合作. 难怪苹果系统的界面这么好看 - 原生支持 OpenGL的原因 微软的 Win7 再

jquery小技巧:使用jquery.confirm和PNotify实现弹出提示和消息提示

在从UIKIT前端换到BOOSTRAP前端时,一些转换的技巧. https://myclabs.github.io/jquery.confirm/ http://sciactive.github.io/pnotify/ 相关的JS: $.confirm({ text: "将发布单" + deploy_version + "从" + org_type + "部署到" + env_type + "环境.是否确认?", confir

有哪些特别好看的大学网站首页?

  暨南大学 @赫赫是不着调小姐 :截图为招生界面,现已更改. 中国人民大学 截图为招生界面,现已更改. 一开始觉得好不好看这种问题在设计领域主观因素太多,更何况还掺杂了各位校友的感情因素,不如放个妹子上去,是吧? 随后人民大学官网短时间内流量急速上升,服务器不堪重负直接瘫痪. 其实国内知名大学的主页都还不错,而且很多风格类似.但是毕竟不是商业网站,就算技术达得到也不能太过炫酷,作为学校门户,让信息一目了然是主要目标.而且要考虑兼容性.此外,大学网站这种东西,要把很多因素考虑在内: 有时候学校网

UIKit的手风琴菜单,单条展开和多条同时展开

这个也要进来看看哈. 记得加多个属性时的用法就可以了. 因为官网提供太多的SAPMLE啦.. http://www.getuikit.net/docs/accordion.html <div class="uk-accordion" data-uk-accordion="{collapse: false,showfirst: false}"> 使用手风琴菜单,为容器元素添加 uk-accordion 类和 data-uk-accordion 属性就行.然

Cocos2D iOS之旅:如何写一个敲地鼠游戏(一):高清屏显示和UIKit

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流之用,请勿进行商业用途.同时,转载时不要移除本申明.如产生任何纠纷,均与本博客所有人.发表该翻译稿之人无任何关系.谢谢合作! 原文由Ray Wunderlich写成,地址在: http://www.raywenderlich.com/2560/cocos2d-tutorial-for-ios-how

优酷“个人频道”自定义好看的页面布局

2月25日,中国第一视频网站优酷推出了业内第一个专属于用户自己的视频频道--"个人频道",这款全新的产品,是优酷UGC(用户生成内容)用户运营原创视频的最佳平台.通过它,原创视频作者们可以自定义功能模块,编辑和维护自己的视频平台,达到专业的视频发布.数据解读.频道运营和自我品牌推广等目的. 自定义好看的页面布局 全新的"个人频道"产品采用了扁平化的设计风格,整体视觉效果更加美观,浏览体验更顺畅.至此,优酷在不同终端和不同产品上实现了设计风格的最终统一. "

用confirm确认提交动作,提交确认提示

例如在留言簿点击重写时,有时候我们希望会有一个提示,以免失误操作.代码如下: 方法一 <input name="Submit" type="submit" value="打开"> 方法二 <input name="Reset" type="reset" value="重写"><script type="text/javascript"&g