javascript - 多次使用 jquery 对话框，参数略有不同

Question

我有一个网站，其中有很多确认页面并且需要一个对话框窗口。我想知道是否有更好的方法来编写我的代码，这样我就不必每次都拼写出所有对话框参数。每个对话框可能有 1 处不同。通常完整的按钮具有不同的功能。

例如:

  $('#dialogA').dialog(
    {
            autoOpen:false,
            width: 800,
            modal: true,
            resizable: false,
            closeOnEscape: false,
            buttons: 
    {
            "Complete": function() 
            {
                 //DO SOMETHING FOR A(possible print results of something)
            }
    }
    });

还有一个

    $('#dialogB').dialog(
    {
            autoOpen:false,
            width: 800,
            modal: true,
            resizable: false,
            closeOnEscape: false,
            buttons: 
    {
            "Complete": function() 
            {
                 //DO SOMETHING FOR B (possibly some ajax call)
            }
    }
    });

所以唯一改变的是“完成”按钮的功能。用外行的话来说，我想我想设置一个包含所有对话框参数的变量......

Answer 1

扩展 jQuery:

(function ($) {
    $.fn.extend({
    confirmDialog: function (options) {
        var defaults = {
            autoOpen:false,
            width: 800,
            modal: true,
            resizable: false,
            closeOnEscape: false,
            buttons:
        };

        var options = $.extend(defaults, options);
        $(this).dialog(options);
        }           
    }
})(jQuery);

并这样调用它:

 $('#dialogB').dialog({Complete: function() { … }; });

您还可以在调用对话框时覆盖默认值...