Jquery - 显示/隐藏 - 单击时总是向上移动页面

Question

我正在表单中使用 JQuery 显示/隐藏功能(使用 php 生成)

在此表单中，有 10 个隐藏元素，每次用户单击“添加另一个”链接时，它都会显示下一个隐藏元素，我的页脚也会随之下降。到目前为止，一切顺利。

现在的问题是显示 2 或 3 个隐藏元素后，页面变大，并且出现 Firefox 的右侧导航滚动条，这很好，但是当我单击下一个“添加另一个”链接时，导航显示隐藏元素时，滚动条会弹回到页面顶部。 每个添加新隐藏元素的链接都会使页面弹回顶部，我不希望出现这种行为...

有人知道解决这个问题的方法吗？

Answer 1

“添加另一个”是一个实际的 a 元素，带有添加新内容的点击处理程序吗？

如果是这样，您可能需要 event.preventDefault()。尝试这样的事情:

$('.myClickedLink').click(function(event) {

    event.preventDefault();
    // Run my code

})

这可以防止链接的默认行为。我猜这就是导致您的页面每次都返回顶部的原因。

编辑:首先，在我的代码中，我错误地输入了 stopPropagation() 而不是 PreventDefault()。不过，上面的文字是正确的。抱歉。