改变标签时,jquery手风琴输入焦点

时间:2014-05-23 14:06:42

标签: jquery html jquery-ui jquery-ui-accordion

我正在使用jquery ui accordion(1.10.2)。我有一个横跨手风琴的长形式。我希望看到的行为是,在更改标签时,应关注活动标签中的第一个表单字段。我很难知道如何做到这一点。

除了基本的手风琴之外,我还添加了一些片段,以便活动标签的顶部滚动到屏幕顶部,并且我已经添加了next / prev按钮以添加导航。< / p>

        $(document).ready(
        function () {
            $("#accordion").accordion(
                { header: "h3",          
                autoheight: false,
                heightStyle: "content",
                active: false,
                alwaysOpen: false,
                fillspace: false,
                collapsible: false,
                clearStyle: true,
                //heightStyle: content   //auto, fill, content
                activate: function (event, ui) {
                    var scrollTop = $(".accordion").scrollTop();
                    if(!ui.newHeader.length) return;
                    var top = $(ui.newHeader).offset().top;
                    $("html,body").animate({
                        scrollTop: scrollTop + top - 35
                    }, "fast");
                    }
                });
            $('#accordion button').click(function(e) {e.preventDefault();
                var delta = ($(this).is('.next') ? 1 : -1);
                $('#accordion').accordion('option', 'active', ( $('#accordion').accordion('option','active') + delta  ));
            });

        });

谢谢!

0 个答案:

没有答案