如何减少jQuery代码
在这里,我尝试打开一个对话框,点击按钮 它工作得很好,但我想减少这段代码,因为它看起来和单击函数一样如何减少jQuery代码,jquery,Jquery,在这里,我尝试打开一个对话框,点击按钮 它工作得很好,但我想减少这段代码,因为它看起来和单击函数一样 $(文档).ready(函数(){ $(“#dialog_form_file”).dialog({ 莫代尔:是的, 自动打开:错误, 标题:“帮助”, 宽度:450, 按钮:[{ 文字:“OK”, 单击:函数(){ $(此).dialog(“关闭”); } }, { 文本:“取消”, 单击:函数(){ $(此).dialog(“关闭”); } } ] }); $(“#对话框表格”)。对话框({
$(文档).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});