当前位置:  开发笔记 > 编程语言 > 正文

如何从JQuery中的模态对话框中获取结果

如何解决《如何从JQuery中的模态对话框中获取结果》经验,为你挑选了1个好方法。

我想在UI工具包中使用像simple-modal这样的加载项或对话框加载项.但是,我如何使用这些或任何其他方法并获得结果.基本上我希望模态与服务器进行一些ajax交互,并返回调用代码的结果来做一些事情.谢谢.



1> Espo..:

以下是确认窗口在simpleModal上的工作方式:

$(document).ready(function () {
  $('#confirmDialog input:eq(0)').click(function (e) {
    e.preventDefault();

    // example of calling the confirm function
    // you must use a callback function to perform the "yes" action
    confirm("Continue to the SimpleModal Project page?", function () {
      window.location.href = 'http://www.ericmmartin.com/projects/simplemodal/';
    });
  });
});

function confirm(message, callback) {
  $('#confirm').modal({
    close: false,
    overlayId: 'confirmModalOverlay',
    containerId: 'confirmModalContainer', 
    onShow: function (dialog) {
      dialog.data.find('.message').append(message);

      // if the user clicks "yes"
      dialog.data.find('.yes').click(function () {
        // call the callback
        if ($.isFunction(callback)) {
          callback.apply();
        }
        // close the dialog
        $.modal.close();
      });
    }
  });
}

推荐阅读
喜生-Da
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有