jquery dialog作為一個常見的彈窗插件，常常用于網(wǎng)站中的信息編輯、提示、確認(rèn)等功能。但是，如果每次使用都需要重新寫一遍它的初始化代碼，不僅麻煩，而且會讓代碼重復(fù)度降低。因此，我們可以封裝一下這個插件，方便日后使用。

/**
 * 彈窗封裝
 * @param {Object} options 參數(shù)對象
 */
function showDialog(options) {
// 默認(rèn)參數(shù)
var defaults = {
title: '提示',    // 標(biāo)題
width: 400,       // 寬度
height: 'auto',   // 高度
content: '',      // 內(nèi)容
modal: true,      // 是否模態(tài)
buttons: [        // 按鈕
{
text: '確認(rèn)',
click: function() {}
},
{
text: '取消',
click: function() {}
}
]
};
// 合并參數(shù)
options = $.extend(defaults, options);
// 創(chuàng)建彈窗
var $dialog = $('
').attr('title', options.title);
// 添加彈窗內(nèi)容
if (options.content) {
$dialog.append(options.content);
}
// 初始化彈窗
$dialog.dialog({
width: options.width,
height: options.height,
modal: options.modal,
buttons: options.buttons
});
}

在這個代碼中，我們定義了一個名為showDialog的方法，它接收一個參數(shù)對象，可以設(shè)置彈窗的各種屬性。該方法首先定義了一個默認(rèn)參數(shù)對象，然后對傳入的參數(shù)對象進行合并，以便在沒有傳入某些屬性時能使用默認(rèn)值。

接下來，我們用一個div元素創(chuàng)建了一個彈窗，并將標(biāo)題設(shè)為傳入?yún)?shù)的title屬性。然后，如果content屬性不為空，我們就把它添加到彈窗里。

最后，我們調(diào)用了jquery dialog插件的初始化方法來創(chuàng)建和顯示彈窗。

通過這個封裝方法，我們以后就可以輕松地創(chuàng)建一個彈窗，而不需要每次都寫一遍冗長的初始化代碼了。