jquery ui 的dialog怎么返回值? jQueryjQuery UIdialog 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 无法返回,后续代码要放到click事件里面执行 dialog是弹出对话框(不是confirm)。所以你的删除动作直接写在确定回调函数里。html: "<i class='ace-icon fa fa-check bigger-110'></i> 确认操作","class" : "btn btn-danger btn-xs", click: function() { //删除动作; }或者建议你使用$.messager.confirm函数。$.messager.confirm('删除提醒', '你确定要删除吗?', function(r){ if (r){ // 删除动作; }}); 恩,已经通过参考别人的代码找到方法了,虽然里面有些代码不是很懂谢谢!下面贴出代码://删除表单时弹出确认框的js代码 $( ".deleteForm" ).on('click', function(e) { if(confirmPop(e,'你现在正在执行删除表单操作!你确定要删除当前表单吗?','删除表单操作')){ alert("看见这个窗口表示删除表单成功,请后台程序在JS中搜索替换这个alert"); } });//jQuery UI模拟确认操作对话框 $.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, { _title: function(title) { var $title = this.options.title || ' ' if( ("title_html" in this.options) && this.options.title_html == true ) title.html($title); else title.text($title); } })); function jqConfirm(text, title, fn1, fn2) { var html = '<div id="customConfirm"><div class="alert alert-info bigger-110">' + text + '</div></div>'; return $(html).dialog({ resizable: false, modal: true, show: { effect: 'fade', duration: 300 }, title: "<div class='widget-header'><h4 class='smaller'><i class='ace-icon fa fa-exclamation-triangle red'></i>" + title + "</h4></div>", title_html: true, buttons: [ { html: "<i class='ace-icon fa fa-check bigger-110'></i> 确认操作", "class" : "btn btn-danger btn-xs", click: function() { var dlg = $(this).dialog("close"); fn1 && fn1.call(dlg, true); } } , { html: "<i class='ace-icon fa fa-times bigger-110'></i> 取消操作", "class" : "btn btn-xs", click: function() { var dlg = $(this).dialog("close"); fn2 && fn2(dlg, false); } } ] }); } function confirmPop(evt, text, title) { evt = $.event.fix(evt); var me = evt.target; if (me.confirmResult) { me.confirmResult = false; return true; } jqConfirm(text, title, function(e) { me.confirmResult = true; if (e) { me.click(evt); } return false; }); return false; } js禁用了下拉框怎樣啟用 JavaScript看网页源码的问题 怎么用javascript将数据打印到固定位置 javascript图片切换的问题。 window.open()的问题 一个小问题! 绝对简单。JAVASCRIPT获取客户端日期的函数是什么? 如何注册applet,让它能够被客户端下载 新手请教html 嵌入ocx插件 网页全屏问题。 这种情况怎么判断 悬浮页脚隔开 朝上拖动悬浮在显示器最底下 修改Ext JS 2中GridPanel的边框颜色 JS如何调用JQ的函数??
html: "<i class='ace-icon fa fa-check bigger-110'></i> 确认操作","class" : "btn btn-danger btn-xs",
click: function() {
//删除动作;
}或者建议你使用$.messager.confirm函数。
$.messager.confirm('删除提醒', '你确定要删除吗?', function(r){
if (r){
// 删除动作;
}
});
恩,已经通过参考别人的代码找到方法了,虽然里面有些代码不是很懂
谢谢!
下面贴出代码://删除表单时弹出确认框的js代码
$( ".deleteForm" ).on('click', function(e) {
if(confirmPop(e,'你现在正在执行删除表单操作!你确定要删除当前表单吗?','删除表单操作')){
alert("看见这个窗口表示删除表单成功,请后台程序在JS中搜索替换这个alert");
}
});//jQuery UI模拟确认操作对话框
$.widget("ui.dialog", $.extend({}, $.ui.dialog.prototype, {
_title: function(title) {
var $title = this.options.title || ' '
if( ("title_html" in this.options) && this.options.title_html == true )
title.html($title);
else title.text($title);
}
}));
function jqConfirm(text, title, fn1, fn2) {
var html = '<div id="customConfirm"><div class="alert alert-info bigger-110">' + text + '</div></div>';
return $(html).dialog({
resizable: false,
modal: true,
show: {
effect: 'fade',
duration: 300
},
title: "<div class='widget-header'><h4 class='smaller'><i class='ace-icon fa fa-exclamation-triangle red'></i>" + title + "</h4></div>",
title_html: true,
buttons: [
{
html: "<i class='ace-icon fa fa-check bigger-110'></i> 确认操作",
"class" : "btn btn-danger btn-xs",
click: function() {
var dlg = $(this).dialog("close");
fn1 && fn1.call(dlg, true);
}
}
,
{
html: "<i class='ace-icon fa fa-times bigger-110'></i> 取消操作",
"class" : "btn btn-xs",
click: function() {
var dlg = $(this).dialog("close");
fn2 && fn2(dlg, false);
}
}
]
});
}
function confirmPop(evt, text, title) {
evt = $.event.fix(evt);
var me = evt.target;
if (me.confirmResult) {
me.confirmResult = false;
return true;
}
jqConfirm(text, title, function(e) {
me.confirmResult = true;
if (e) {
me.click(evt);
}
return false;
});
return false;
}