Question

现在向下滚动查看。

这里我使用了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

在event的{{1}}中添加对callback function的引用。我们在这里用变量click引用它。然后使用e;停止默认页面跳转。

e.preventDefault()

Answer 2

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

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

Answer 3

您可以在此处使用event.preventDefault()或return false;：

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

您也可以使用return false;。 return false;也会阻止事件冒泡。

来自文档：

说明

如果调用此方法，则不会触发事件的默认操作。

Answer 4

你有两个选择。

将下一个/上一个链接中的href更改为javascript:;或

将点击事件更改为：

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

$('#next').click(function(e) {
    ctrlKunder( i = ++i % all.length );
    e.preventDefault();
}).click();

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

4 个答案:

来自文档：

说明