Question

我有一个dialog box，其上有两个按钮jQuery UI。

在对话框的内部有一些表单元素，我可以使用TAB键进行切换。现在无法使用TAB键访问“是”按钮。那里的接缝没有TabIndex。

我怎样才能做到这一点？

$("#dialog").dialog({
    resizable: false,
    height: 250,
    width: 420,
    zIndex: 100,
    stack: false,
    modal: true,
    buttons: {
        "Yes": function () {
            doSomthing();
        },
        "No": function () {
            $( this ).dialog( "close" );
        }
    }
});

Answer 1

更改buttons参数以使用jQuery.ui的数组规范，该规范允许设置按钮的ID和TabIndex之类的内容，以及按钮小部件支持的任何其他支持的属性。

buttons: [
        {
            text: "Yes",
            click: function() { doSomething(); },
            tabindex: 0
        },
        {
            text: "No",
            click: function() { $(this).dialog("close") },
            tabindex: -1, //You can disable tabbing by setting it -1
            class: 'other-class-name',
            id: 'IDofButton'
        }
]

jQuery.ui版本只是一个版本 - 版本1.10支持完整按钮子集 - jQuery.ui的先前迭代支持更小的子集 - YMMV - 我过去的方法是尝试添加元素并查看它是如何解析的 - 例如，在旧版本中，类参数可以是类* es *，并且可以忽略一些其他参数。

按钮的jquery对话框tabindex

1 个答案: