更改选项卡时的jquery手风琴输入焦点
我使用的是jQueryUIAccordion(1.10.2)。我的手风琴上有一个长长的曲子。我希望看到的行为是,在更改选项卡时,应该关注活动选项卡中的第一个表单字段。我不知道该怎么做 除了基本的手风琴之外,我还添加了一些片段,以便活动选项卡的顶部滚动到屏幕的顶部,我还添加了下一个/上一个按钮以增加导航更改选项卡时的jquery手风琴输入焦点,jquery,html,jquery-ui,jquery-ui-accordion,Jquery,Html,Jquery Ui,Jquery Ui Accordion,我使用的是jQueryUIAccordion(1.10.2)。我的手风琴上有一个长长的曲子。我希望看到的行为是,在更改选项卡时,应该关注活动选项卡中的第一个表单字段。我不知道该怎么做 除了基本的手风琴之外,我还添加了一些片段,以便活动选项卡的顶部滚动到屏幕的顶部,我还添加了下一个/上一个按钮以增加导航 $(document).ready( function () { $("#accordion").accordion(
$(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 ));
});
});
谢谢 你能创建一个JSFIDLE吗?你是在用手风琴制表符吗?