Javascript JQuery不同的对话框don'；不明显

我有一个对话框，但必须有两个不同的操作（保存和编辑）。基于此，应显示不同的对话框，并执行不同的操作。我决定使用JQuery解决这个问题 像这样：

$（文档）.ready（函数（）{
var dialogEditPartDiv=$（'#dialogPart'）；//用于编辑
var dialogAddPartDiv=$（'#dialogPart'）；//用于保存
$（“#添加按钮”）。单击（函数（）
{
dialogAddPartDiv.dialog（“打开”）；
});
dialogAddPartDiv.dialog(
{
自动打开：错误，
莫代尔：是的，
按钮：
{
“保存部分”：函数（）{}
},
beforeClose:函数（事件）
{
如果（！确认（“零件将不会保存。是否继续？”）
{
返回false；
}
其他的
{
}
}
});
$（“#编辑按钮”）。单击（函数（）
{
dialogEditPartDiv.dialog（“打开”）；
});
dialogEditPartDiv.dialog(
{
自动打开：错误，
莫代尔：是的，
按钮：
{
“保存更改”：函数（）{}
},
beforeClose:函数（事件）
{
如果（！确认（“您的更改将不会保存。是否继续？”）
{
返回false；
}
其他的
{
}
}
});
});

+加
编辑
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
每次调用同一个对话框时，需要使每个对话框都是唯一的，在页面底部，我在附加的代码中创建了两个对话框，运行它来查看它是如何工作的，然后您可以将其应用到您的代码中



对话演示
打开对话框
我是一个对话者
打开对话框2
我是一个对话者
$（“#dialog”）.dialog（{autoOpen:false}）；
$（“#开场白”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
});
$（“#dialog2”）.dialog（{autoOpen:false}）；
$（“#opener2”）。单击（函数（）{
$（“#dialog2”）.dialog（“打开”）；
});
您正在使用两个按钮调用同一个对话框。为此提供JS提琴将有助于社区解决此问题。效果很好，问题出在哪里？当您单击“添加”时，将打开“编辑”对话框，但如果对话框仅在按钮功能上不同怎么办？我是否应该创建两个名称不同的完全相同的对话框，然后指定按钮和函数？这就像copypasteYes一样，除非您想根据单击的按钮编写一些逻辑，但在这种情况下，这可能是过分的。