需求说明:异步提交表单信息到后台,成功返回后,需要弹出提示框提示用户,当用户点击OK按钮后在进行页面的跳转。 这里说要做的就是阻塞浏览器的进程。使用到了Dlalog模式窗口,下面看如何运用
1.首先需要声明一个命名空间,主要方便js方法之间不冲突
jQuery.namespace = function() { var a = arguments, o = null, i, j, d; for (i = 0; i < a.length; i = i + 1) { d = a[i].split("."); o = window; for (j = 0; j < d.length; j = j + 1) { o[d[j]] = o[d[j]] || {}; o = o[d[j]]; } } return o; };
2.// 定义命名空间
jQuery.namespace('linkon.web');
3.初始化Dlalog控件
$(document).ready(function(){ linkon.web.initDialog(); }); linkon.web.initDialog = function(){ linkon.web.alertMsg = $("#key-dialog_alert").dialog({ autoOpen: false, modal: true, buttons: { "确认": function() { $(this).dialog("close"); // 设置回调函数返回值 linkon.web.alertOK(true); } } }); };
4.创建消息框,并将消息赋值到层中
// 定义空的函数体,并赋值
var linkon.web.alertOk = jQuery.noop; linkon.web.showAlertMsg(msg, callback){ // 获取定义的层 var contentId = "#" + linkon.web.alertMsg[0].id; // 给层赋值消息 $(contentId).html(msg); // 打开模式窗口 linkon.web.alertMsg.dialog("open"); // 将callback函数赋值给回调变量 inkon.web.alertOk = callback; }
5. 调用消息框
linkon.web.showAlertMsg("你赢了", function(callback){ });
相关推荐
jQuery dialog对话框插件点击弹出对话框代码 jQuery dialog对话框插件点击弹出对话框代码
仿 JQuery Dialog 登录页面 htm css div 简洁
两个版本:一个替换ui close按钮,对三个按钮设立同样css;一个不替换,修改ui的css文件;完美打开多个对话框,并可以分别控制最大最小关闭。jquery文件没有包含进来。
jquery弹出效果实例,展示了jquery对弹出窗口的多个实例,弹出窗口框,弹出框内弹出页面,
jQuery Dialog jQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery DialogjQuery Dialog
简单的jquery dialog实现插件,使用简单,自行修改样式
jquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialogjquery_dialog
JQuery UI Dialog 弹出框以及清楚数据
Jquery中dialog属性的小计,详细介绍dialog的使用
一款不错的jQueryDialog 插件使用范例,有需要的请查看
jQuery通用dialog对话框 popup提示信息窗口插件demo
jqueryAlert confirm prompt 将jqueryDialog改成prompt形式
NULL 博文链接:https://lishuaishuai.iteye.com/blog/1267230
虽然项目未结项就转交了出去,但开始对JQuery产生了好感并爱不释手,于是决定将此项目正式更名为JQueryDialog。 本次更新将代码完全基于了JQuery框架,并应用了命名空间,让JS看起来有那么一点OO的感觉,同时修改了...
jquery的弹出窗口插件dialog参数详细说明
通用jQuery对话框dialog或popup弹出层或提示窗口插件
基于 jquery 项目中 用到的dialog弹出层 一种弹出层
18、jQuery弹出对话框jQuery插件Dialog
# PyQt5点击按钮弹出自定义窗口 创建新窗口 1. 创建 QPushButton 按钮并绑定点击事件函数; 2. 点击按钮时创建自己定义的窗口类对象并显示; 3. 包含两个例程,分别为只能弹出一个窗口和可以反复点击按钮创建无限个...
jquery弹窗插件dialog确认对话框窗口代码,含js及css,网络资源,侵删