如何减少jQuery代码

在这里，我尝试打开一个对话框，点击按钮

它工作得很好，但我想减少这段代码，因为它看起来和单击函数一样

$（文档）.ready（函数（）{
$（“#dialog_form_file”）.dialog({
莫代尔：是的，
自动打开：错误，
标题：“帮助”，
宽度：450，
按钮：[{
文字：“OK”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
},
{
文本：“取消”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
}
]
});
$（“#对话框表格”）。对话框({
莫代尔：是的，
自动打开：错误，
标题：“帮助”，
宽度：450，
按钮：[{
文字：“OK”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
},
{
文本：“取消”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
}
]
});
$（“#对话框_帮助”）。单击（函数（）{
$（“#dialog_form_file”）.dialog（'open'）；
});
$（“#更改按钮”）。单击（函数（）{
$（“#dialog_form”）.dialog（'open'）；
});
});

你好

你好

您可以通过以下操作减少代码：

$（“#dialog#form#file，#dialog#form”）。dialog（{

您不需要为两个差异选择器再次编写相同的代码。
这里有一个解决方案


$（文档）.ready（函数（）{
$（“#dialog#form#file，#dialog#form”）.dialog({
莫代尔：是的，
自动打开：错误，
标题：“帮助”，
宽度：450，
按钮：[{
文字：“OK”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
},
{
文本：“取消”，
单击：函数（）{
$（此）.dialog（“关闭”）；
}
}
]
});
$（“#对话框#帮助，#更改#按钮”）。单击（函数（）{
$（“#”+$（this）.data（'modal'））.dialog（'open'）；
});
})；

你好

你好

提交1
提交1
jquery ui的.dialog函数应该有一个html参数。请阅读文档。1.我将jquery ui添加到了您的代码中-它不是2.您正在隐藏所有内容。请更新代码段以使其正常工作-添加链接并button@user5014677您的意思是它声明
对话框（）
方法没有
html
参数？这里使用
dialog（）
的操作非常好。我尝试这样做，但两个对话框打开相同的位置$（“#dialog#help，#change#button”）。单击（function（）{$（“#dialog#form#dialog#form file#dialog#form dialog#form#dialog#按钮”）。dialog（'open}）；