如果用户在最后一次输入时点击Tab键，jQuery手风琴会自动移动到下一个手风琴div

Question

用户在jQuery UI的手风琴中点击表单的最后一个标签后，如何让下一个div打开，当前一个关闭，重点放在下一个输入内线？

另外，我正在寻找相反的情况。如果使用类型转换选项卡向相反方向移动，那么我也在寻找实现反向行为的方法。即关闭现有的手风琴div并打开下一个手风琴div并转到div中的最后一个输入并设置焦点。

Answer 1

您需要将表格的最后一个输入字段上的Tab键绑定到手风琴功能以激活下一部分：

$('#firstform input:text').last().on('keydown', function(e) {
    if (e.which == 9) {
        if (!e.shiftKey) {
            var active = $( "#accordion" ).accordion( "option", "active" );
            $("#accordion").accordion( "option", "active", active + 1 );
        }
    }
});

您还需要使用手风琴的activate事件激活下一个表单的第一个输入框：

$( "#accordion" ).accordion({
    activate: function( event, ui ) {
        $("#secondform input:text").first().focus();
    }
});

对于相反的情况，程序类似，如fiddle中所示。