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

Question

我在表单中使用 JQuery 显示/隐藏功能（用 php 生成）

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

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

有谁知道解决此问题的方法吗？

Answer 1

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

如果是这样，您可能需要 event.preventDefault()。尝试这样的操作：

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

    event.preventDefault();
    // Run my code

})

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

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

Answer 2

在点击事件末尾添加 return false 怎么样？