1. /*
  2. * @功能描述:各种系统消息框
  3. * @前置插件:JQueryUI
  4. * @开 发 者:魏巍
  5. * @开发日期:2015-04-15
  6. * @version 1.0
  7. */
  8. var SF = {};
  9. SF.Msg = function () {
  10. var $msgbox, offTimer;
  11.  
  12. var popup = function (_msg) {//自动关闭
  13. $msgbox = $("<div>" + _msg + "</div>");
  14. $msgbox.dialog({
  15. title: "系统提示",
  16. width: 300,
  17. height: 150,
  18. resizable: false,
  19. close: function () {
  20. $(this).dialog("destroy");
  21. }
  22. });
  23. $msgbox.prev('.ui-dialog-titlebar').remove();
  24.  
  25. clearTimeout(offTimer);
  26. offTimer = setTimeout(function () {
  27. $msgbox.dialog("close");
  28. }, 1000);
  29. }
  30.  
  31. var succeed = function () {//操作成功
  32. popup("操作成功");
  33. }
  34.  
  35. var alert = function (_msg) {
  36. $msgbox = $("<div>" + _msg + "</div>");
  37. $msgbox.dialog({
  38. title: "系统提示",
  39. width: 300,
  40. height: 200,
  41. modal: true,
  42. resizable: false,
  43. buttons: { "确定": function () { $(this).dialog("close"); } },
  44. close: function () {
  45. $(this).dialog("destroy");
  46. }
  47. });
  48. }
  49.  
  50. var confirm = function (_msg, _callback) {
  51. $msgbox = $("<div>" + _msg + "</div>");
  52. $msgbox.dialog({
  53. title: "系统提示",
  54. width: 300,
  55. height: 200,
  56. modal: true,
  57. resizable: false,
  58. buttons: {
  59. "确定": function () {
  60. $(this).dialog("close");
  61. _callback();
  62. },
  63. "取消": function () {
  64. $(this).dialog("close");
  65. }
  66. },
  67. close: function () {
  68. $(this).dialog("destroy");
  69. }
  70. });
  71. }
  72.  
  73. return {
  74. popup: popup,
  75. succeed: succeed,
  76. alert: alert,
  77. confirm: confirm
  78. }
  79. }();

自己用JQueryUI封装了几个系统常用对话框的更多相关文章

  1. UIView封装动画--iOS利用系统提供方法来做转场动画

    UIView封装动画--iOS利用系统提供方法来做转场动画 UIViewAnimationOptions option; if (isNext) { option=UIViewAnimationOpt ...

  2. JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式

    相关链接: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对 ...

  3. node模块系统常用命令

    node模块系统常用命令 命令 示例 备注 安装模块 npm install commander 最新版本 npm install commander@1.0.0 指定版本 npm install c ...

  4. android常用对话框封装

    在android开发中,经常会用到对话框跟用户进行交互,方便用户可操作性:接下来就对常用对话框进行简单封装,避免在项目中出现冗余代码,加重后期项目的维护量:代码如有问题欢迎大家拍砖指正一起进步. 先贴 ...

  5. 小白学Linux(四)--系统常用命令

    这里记录一下基础的系统常用命令,都是日常可能用到的,需要记住的一些命令.主要分为5个模块:关于时间,输出/查看,关机/重启,压缩归档和查找. 时间:      date :查看设置当前系统时间,dat ...

  6. Linux 学习手记(4):Linux系统常用Shell命令

    日期时间 date命令:显示当前时间日期 date -u # 显示格林威治(UTC)事件 date +%Y-%m-%d # 格式显示日期 date -s '20:25:25' # 修改系统时间,需要使 ...

  7. Android 常用对话框Dialog封装

    Android 6种 常用对话框Dialog封装 包括: 消息对话框.警示(含确认.取消)对话框.单选对话框. 复选对话框.列表对话框.自定义视图(含确认.取消)对话框 分别如下图所示:       ...

  8. python MVC、MTV 框架介绍 Django 模板系统常用语法

    Django 框架简介一.MVC框架和MTV框架1.MVC 全名Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分.优势: 耦合性低 重用性高 生命 ...

  9. Linux系统常用升级的基础包

    Linux系统常用升级的基础包 yum -y install lrzsz gcc gcc-c++ make flex autoconf automake vixie-cron libjpeg libj ...

随机推荐

  1. go - helloword

    package mainimport "fmt" //一定要双引号func main() {/* test hello word *///test fmt.Println(&quo ...

  2. 线程池ScheduledThreadPoolExecutor

    Java中调度线程池ScheduledThreadPoolExecutor原理探究 一. 前言 前面讲解过Java中线程池ThreadPoolExecutor原理探究,ThreadPoolExecut ...

  3. Http的状态码及状态码的类型

    Http的状态码以及根据这些状态码分成5种类型 statusCode/100 /* * Copyright 2002-2013 the original author or authors. * * ...

  4. Spring Cloud-新一代Web框架微服务

    序言 springcloud是微服务架构的集大成者,将一系列优秀的组件进行了整合.基于springboot构建,对我们熟悉spring的程序员来说,上手比较容易. 通过一些简单的注解,我们就可以快速的 ...

  5. WebGL学习笔记(十六):遮罩

    这里总结下几种WebGL中实现遮罩的方法. 模板缓冲 模板缓冲可以实现渲染剔除,但是我们之前的学习里,剔除范围是基于上一次渲染的结果,且上一次的渲染也会进行显示,这样的话并不适合用来实现遮罩. 我们想 ...

  6. 【GMT43智能液晶模块】例程十八:LAN_HTTP实验——网页服务器

    源代码下载链接: 链接:https://pan.baidu.com/s/1sr4a7TBPyvs18jTfCfVj8Q 提取码:jwfv 复制这段内容后打开百度网盘手机App,操作更方便哦 GMT43 ...

  7. VS找不到头文件但是系统路径已经设置

    有时候会出现打不开Include文件的问题,但是在系统包含include路径中已经设置,编译也没问题,就是一直有错误提示 这时候可以尝试在项目上点击右键,选择“下载项目”,然后再选择加载 如果还是不行 ...

  8. cps在jenkins构建报错

    修改ares的版本号即可,改为2.0.1.14-20191126-RELEASE

  9. 【APM】Pinpoint 监控告警(三)

    本例介绍Pinpoint告警的相关内容,Pinpoint参考[APM]Pinpoint 安装部署(一) Pinpoint Web会定期检查应用程序的状态,并在满足某些预配置条件(规则)的情况下触发警报 ...

  10. react-navigation安卓从右到左切换视图

    百度搜了3天都没一个正确的答案,最后还是google查到的:   "react-navigation": "^4.0.10", "react-navi ...