jquery - 单击下一个或上一个使页面滚动

Question

首先请访问这个 fiddle :http://jsfiddle.net/XvAR6/

现在向下滚动查看。

这里我使用了 jQuery ui。但是，这不是问题，主要问题是当我单击下一页或上一页时，页面会自动滚动到顶部。我不想滚动。我能得到解决方案吗？

这是 jQuery 代码:

$("#tab1, #tab2").tabs({active: 1});

var all = $('.udtalelse').addClass("passiv");

var i = -1;

$('#prev').click(function() {
    ctrlKunder( i = !i ? all.length - 1 : --i );
});
$('#next').click(function() {
    ctrlKunder( i = ++i % all.length );
}).click();

function ctrlKunder(ele) {
    all.removeClass("active").addClass("passiv");
    all.eq(ele).removeClass("passiv").addClass("active");
}

谢谢。

Answer 1

您的 anchor 标记的 href 为 #，因此当它们被单击时，页面的哈希值会更新为 #，从而导致滚动到顶部。阻止默认操作以使其停止。

$('#prev').click(function(e) {
    e.preventDefault();
    ...