gpt4 book ai didi

jquery ui 选项卡,带有上一个/下一个按钮,位于页面顶部

转载 作者:行者123 更新时间:2023-12-01 07:17:47 28 4
gpt4 key购买 nike

我添加了带有下一个上一个按钮的 jquery 选项卡。我面临这个问题,因为我在页面末尾添加了下一个/上一个按钮。当我单击下一个/上一个按钮时,它不会到达页面顶部。这是我正在使用的代码。

jQuery(function($) {
var $tabs = $('#tabs').tabs();

$(".ui-tabs-panel").each(function(i){

var totalSize = $(".ui-tabs-panel").size() - 1;

if (i != totalSize) {
next = i + 1;
$(this).append("<div class='next_button'><a href='#' class='next-tab mover' rel='" + next + "'>Next</a></div>");
}

if (i != 0) {
prev = i-1;
$(this).append("<div class='prev_button'><a href='#' class='prev-tab mover' rel='" + prev + "'>Back</a></div>");
}

});

$('.next-tab, .prev-tab').click(function() {
//$tabs.tabs('select', $(this).attr("rel"));
$tabs.tabs( "option", "active", $(this).attr("rel") );
return false;
});
});

我希望单击下一个/上一个按钮时,它会将我带到下一个选项卡/页面的顶部..

最佳答案

这是您的问题的工作示例

“select”现在已被弃用。我们可以用更简单的方式来做到这一点,而不是使用所有标签。 “active”参数对我们帮助很大

工作示例

http://jsfiddle.net/maheshvemuri/M7Fdu/3/

$(document) .ready(function() {
$("#tabs").tabs();
$(".btnNext").click(function () {
$( "#tabs" ).tabs( "option", "active", $("#tabs").tabs('option', 'active')+1 );
});
$(".btnPrev").click(function () {
$( "#tabs" ).tabs( "option", "active", $("#tabs").tabs('option', 'active')-1 );
});
});

href="#" 下一个和上一个按钮将使页面滚动到顶部

关于jquery ui 选项卡,带有上一个/下一个按钮,位于页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17269664/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com