jQuery-UI-Dialog是一個非常常用的彈出框插件，它不僅具有美觀的外觀和友好的用戶體驗，還具有可定制性和易用性。在我們的開發中，可能會遇到需要在彈出框中傳遞參數的場景。下面我們就來講講如何實現。

在jQuery-UI-Dialog中傳參的方法非常簡單，我們只需要在創建dialog時指定data參數即可。例如：

$( "#dialog" ).dialog({
autoOpen: false,
data: { 
name: "John", 
age: 30,
address: "New York"
},
buttons: {
"Ok": function() {
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});

上面的代碼中我們在創建彈出框時指定了一個data參數，它是一個json格式的對象，包含了需要傳遞的參數。我們可以在彈出框中通過如下方式獲取這些參數：

var name = $( "#dialog" ).dialog( "option", "data" ).name;
var age= $( "#dialog" ).dialog( "option", "data" ).age;
var address = $( "#dialog" ).dialog( "option", "data" ).address;

我們可以把這些參數傳遞給彈出框的內容，或者在點擊彈出框中的按鈕時使用它們。

需要注意的是，如果我們想要動態地改變傳遞的參數，我們可以在創建彈出框時使用extend方法，例如：

var data = { 
name: "John", 
age: 30,
address: "New York"
};
$( "#dialog" ).dialog({
autoOpen: false,
data: data,
buttons: {
"Ok": function() {
data.age = 40;
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});

上面的代碼中我們先指定了一個固定的參數data，然后在點擊OK按鈕時更改了age的值。這樣我們就可以動態地傳遞參數了。

總之，jQuery-UI-Dialog傳參非常簡單，只需要在創建彈出框時指定data參數即可。這樣我們就可以在彈出框中使用這些參數了。