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

Question

在用户点击 jQuery UI 手风琴中表单的最后一个选项卡后，您如何让下一个 div 打开并关闭当前一个 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 );
        }
    }
});

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

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

如您在fiddle中看到的，反向情况的过程类似。