jQuery UI对话框 – 输入密钥应该等于单击

前端之家收集整理的这篇文章主要介绍了jQuery UI对话框 – 输入密钥应该等于单击前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我希望能够按“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");
            }
        }
    });
});

猜你在找的jQuery相关文章