jquery对话框tabindex按钮

问题描述：

我有一个dialog box有两个按钮，它使用jQuery UI。jquery对话框tabindex按钮

在对话框的内部有一些表单元素，我可以通过使用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"); 
     } 
    } 
});

您正在使用哪个版本的jQuery UI？工作正常.. http://jsfiddle.net/puCx8/ – billyonecan

一个按钮不需要tabindex来获得焦点。似乎在这里工作得很好：http://jsfiddle.net/7Y3u9/ –

答

更改按钮参数以使用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以前的迭代支持更小的子集 - 因人而异 - 我在过去的方法是尝试添加元素，看到它是如何解析的 - 例如，在传统版本中，类参数可能是class * es *，其他一些参数可能会被忽略。

jquery对话框tabindex按钮

相关推荐