Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery中的确认框_Javascript_Jquery - Fatal编程技术网

Javascript jQuery中的确认框

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

我想在jQuery中创建一个带有两个按钮的自定义确认框(OK,Save) 如果用户按OK键,则应按顺序调用并执行两个javascript函数,如果用户按Save键,则只应调用一个js函数。 现在我的问题是:

如何在确认框的对话框中调用一个js函数

这是我的密码

$('<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中所示。