Javascript jQuery中的确认框
我想在jQuery中创建一个带有两个按钮的自定义确认框(OK,Save) 如果用户按OK键,则应按顺序调用并执行两个javascript函数,如果用户按Save键,则只应调用一个js函数。 现在我的问题是: 如何在确认框的对话框中调用一个js函数 这是我的密码Javascript jQuery中的确认框,javascript,jquery,Javascript,Jquery,我想在jQuery中创建一个带有两个按钮的自定义确认框(OK,Save) 如果用户按OK键,则应按顺序调用并执行两个javascript函数,如果用户按Save键,则只应调用一个js函数。 现在我的问题是: 如何在确认框的对话框中调用一个js函数 这是我的密码 $('<div></div>').appendTo('body') .html('<div><h6>If you Click on OK,you willaccept modificat
$('<div></div>').appendTo('body')
.html('<div><h6>If you Click on OK,you willaccept modifications and close the activity, click on Save means: only acceptance without closure the activity?</h6></div>')
.dialog({
modal: true, title: 'message', zIndex: 10000, autoOpen: true,
width: 'auto', resizable: false,
buttons: {
OK: function () {
f1(); // How can I call it...my question is from syntax problem
f2(); // How can I call it...my question is from syntax problem
$(this).dialog("close");
},
Save: function () {
f1(); // How can I call it...my question is from syntax problem
$(this).dialog("close");
}
}
});
$(“”).appendTo('body')
.html('如果单击“确定”,您将接受修改并关闭活动,单击“保存”表示:仅接受而不关闭活动?')
.对话({
模态:真,标题:“消息”,zIndex:10000,自动打开:真,
宽度:“自动”,可调整大小:false,
按钮:{
OK:函数(){
f1();//我怎么称呼它……我的问题来自语法问题
f2();//我怎么称呼它……我的问题来自语法问题
$(此).dialog(“关闭”);
},
保存:函数(){
f1();//我怎么称呼它……我的问题来自语法问题
$(此).dialog(“关闭”);
}
}
});
正如您可能理解的,我的问题是这个调用的语法。让我告诉您f1()和f2()是两个定义并实现的javascript函数
提前谢谢
现在我有另一个来自这个对话框的问题..我想从这个对话框得到回应..让我复制我的代码,也许这样你可以理解更多
$('<div></div>').appendTo('body')
.html('<div><h6><fmt:message key="message" /></h6></div>')
.dialog({
modal: true, title: 'message', zIndex: 10000, autoOpen: true,
width: 'auto', resizable: false,
buttons: {
OK: function () {
close='yes';
arg="&accept_op_id="+op_id+"&tat="+tat+"&acdd="+acdd+"&ente="+ente+"&fdd="+fdd+"&aed="+aed+"&add="+add+"&close="+close;
openSched('piano',arg,'non_sched');
},
Save: function () {
close='no';
arg="&accept_op_id="+op_id+"&tat="+tat+"&acdd="+acdd+"&ente="+ente+"&fdd="+fdd+"&aed="+aed+"&add="+add+"&close="+close;
openSched('piano',arg,'non_sched');
}
}
});
$(“”).appendTo('body')
.html(“”)
.对话({
模态:真,标题:“消息”,zIndex:10000,自动打开:真,
宽度:“自动”,可调整大小:false,
按钮:{
OK:函数(){
关闭class='yes';
arg=“&accept_op_id=“+op_id+”&tat=“+tat+”&acdd=“+acdd+”&ente=“+ente+”&fdd=“+fdd+”&aed=“+aed+”&add=“+add+”&close=“+close;
openSched('piano',arg,'non_sched');
},
保存:函数(){
关闭“否”;
arg=“&accept_op_id=“+op_id+”&tat=“+tat+”&acdd=“+acdd+”&ente=“+ente+”&fdd=“+fdd+”&aed=“+aed+”&add=“+add+”&close=“+close;
openSched('piano',arg,'non_sched');
}
}
});
我想说的是:如果用户单击OK,一个名为“close”的变量被赋值为yes,然后一个函数(openSched())将用这个关闭值被调用……如果用户单击Save,close=no
我该怎么做…你看到一个语法问题吗??
提前感谢您的帮助jQuery(document).ready(function(){
jQuery(document).ready(function() {
jQuery("#dialog").dialog({
modal: true, title: 'message', zIndex: 10000, autoOpen: true,
width: 'auto', resizable: false,
buttons: {
OK: function () {
f1();
f2();
$(this).dialog("close");
},
Save: function () {
f1();
$(this).dialog("close");
}}
});
$('#dialog').dialog('open');
});
function f1()
{
alert("f1 called");
}
function f2()
{
alert("f2 called");
}
<div id="dialog"><h6>If you Click on OK,you willaccept modifications and close the activity, click on Save means: only acceptance without closure the activity?</h6></div>
jQuery(“对话框”).dialog({
模态:真,标题:“消息”,zIndex:10000,自动打开:真,
宽度:“自动”,可调整大小:false,
按钮:{
OK:函数(){
f1();
f2();
$(此).dialog(“关闭”);
},
保存:函数(){
f1();
$(此).dialog(“关闭”);
}}
});
$('dialog')。dialog('open');
});
函数f1()
{
警报(“f1呼叫”);
}
函数f2()
{
警报(“f2呼叫”);
}
如果单击“确定”,您将接受修改并关闭活动,单击“保存”表示:仅接受而不关闭活动?
像这样试试
$("<div></div>").appendTo("body").html("<div title='You Title here' class='newDiv'><h6>If you Click on OK, you will accept modifications and close the activity, <br/><br/> Click on Save means: only acceptance without closure the activity?</h6></div>").find(".newDiv").dialog({
dialogClass: "no-close",
buttons: [{
text: "OK",
click: function () {
fnOnOkay();
$(this).dialog("close");
}
}, {
text: "Save",
click: function () {
fnOnSave();
$(this).dialog("close");
}
}]
});
function fnOnOkay() {
fnOne();
fnTwo();}
function fnOnSave() {
console.log("Call one on save clicked");}
function fnOne() {
console.log("Call one on OK clicked");}
function fnTwo() {
console.log("Call Two on OK clicked");}
$(“”).appendTo(“body”).html(“如果单击“确定”,您将接受修改并关闭活动,
单击“保存”表示:仅接受而不关闭活动?”).find(“.newDiv”).dialog({
dialogClass:“禁止关闭”,
按钮:[{
文字:“OK”,
单击:函数(){
fnOnOkay();
$(此).dialog(“关闭”);
}
}, {
文字:“保存”,
单击:函数(){
fnOnSave();
$(此).dialog(“关闭”);
}
}]
});
函数fnOnOkay(){
fnOne();
fnTwo();}
函数fnOnSave(){
log(“单击保存时调用一个”);}
函数fnOne(){
log(“单击OK时调用一个”);}
函数fnTwo(){
log(“单击OK时调用两个”);}
根据您提供的信息,这应该是可行的。当您按原样运行代码时,实际会发生什么?当我按下“保存”按钮时,它不会执行任何操作。我认为“保存”不是标准的按钮名称/类型,所以请尝试用引号将其括起来,以指定它是自定义文本。ie:“Save”:函数(){
。或者更具体地定义按钮的属性,如jQuery UI中所示。