我希望能够按“ENTER”并让对话框执行与提交按钮相同的操作.
我在这里找到了一个类似的问题：Submit jQuery UI dialog on
这是我到目前为止：
按钮：
对话框本身：
内部脚本标签：
$('#myButton').click( function() {
$( "#myDialog" ).dialog({
open: function(){
$("#myDialog").unbind('submit');
$("#myDialog").submit(function() {
$("#myDialog").parents('.ui-dialog').first().find('.ui-button').first().click();
return false;
});
},buttons: {
"Run tasks": function() { .... },"Cancel":function() { $(this).dialog("close"); };
},});
});
最佳答案
您可以在打开的对话框中绑定表单提交事件.在文本框中按Enter将自动触发表单提交.
您还可以在单击“运行任务”按钮时触发提交事件.
jsFiddle：http://jsfiddle.net/CodingDawg/dk7hT/
$('#myButton').click(function () {
$("#myDialog").dialog({
open: function () {
$(this).off('submit').on('submit',function () {
//Run tasks
//$(this).dialog('close'); //You can Close the dialog after running the tasks.
return false;
});
},buttons: {
"Run tasks": function () {
$(this).find('form').submit();
},"Cancel": function () {
$(this).dialog("close");
}
}
});
});
原文链接：https://www.f2er.com/jquery/428758.html