在jQuery中确认框

Question

我想用两个按钮（确定，保存）在jQuery中创建一个自定义的确认框。如果用户按确定，则应依次调用并执行两个javascript函数；如果用户按保存，则应仅调用一个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");
          }
      }

});

正如您可能理解的那样，我的问题是此调用的语法。让我告诉您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');

              }
          }
    });

我想说的是：如果用户单击“确定”，则将一个名为“关闭”的变量分配为是，然后将使用此关闭值调用一个函数（openSched（））。...如果用户单击“保存”，则close =没有

我该怎么办...您看到一个语法问题吗？ 在此先感谢您的帮助

Answer 1

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>

Answer 2

这样尝试

工作演示

     $("<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");}